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. It aligns with many smartphones' viewport widths and serves as a practical breakpoint for typography, grids, and media. Designers often prototype against a 360px canvas and scale up at larger breakpoints such as 768px or 1024px.

Physical size: at the CSS baseline of 96 DPI, 360px would be about 3.75 inches. Actual physical size depends on device characteristics and zoom or DPR settings.

Usage notes: setting an element to width: 360px fixes its width in CSS pixels, independent of DPR. The on-screen size in device pixels is 360 × DPR. For images and media, many developers use max-width: 100% or responsive units to maintain flexibility across screens.

See also: CSS pixel, device pixel ratio, responsive web design.