360px
360px is a measurement used in web development and digital imaging to denote a width of 360 CSS pixels. In CSS, the unit px represents a CSS pixel, an abstract unit that maps to device pixels according to the screen's device pixel ratio. Because of this mapping, 360px does not correspond to a fixed physical width on all devices; on high-density displays it is drawn with more hardware pixels while preserving the same CSS width.
In responsive design, 360px is commonly cited as a target width for mobile layouts in portrait orientation.
Physical size: at the CSS baseline of 96 DPI, 360px would be about 3.75 inches. Actual physical
Usage notes: setting an element to width: 360px fixes its width in CSS pixels, independent of DPR.
See also: CSS pixel, device pixel ratio, responsive web design.