my viewport width is:

0px

0em

0rem

0cm

Compare devices

Screen metrics

SIZE

  • JS screen.width: px
  • JS screen.height: px
  • @media (device-width): px+
  • @media (device-height): px+

PIXEL RATIO

  • CSS pixel-ratio:
  • JS pixel-ratio:

DENSITY

  • Resolution (dpi): dpi
  • Resolution (dppx): dppx
  • Resolution (dpcm): dpcm

MISC

  • Root font size: px
  • Orientation:
  • Device Aspect-Ratio:

User agent

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/140.0.0.0 Safari/537.36

Viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Compare devices

Mobile devices, in Responsive Web Design, relate to a core value which is the value of CSS width or ("device-width"), in CSS Device Independant Pixels, which depends both of the browser and user zoom settings.

Find any device viewport size on Next Page >