Maximiliano Firtman's articles, notes and learning experiences for devs-firt.dev

Mobile Viewports

A dirty list of viewport's widths and resolutions

This is a Note: a sometimes short, sometimes incomplete, living document.

Sponsored by you: PayPal donation, or buying me a coffee.

These are the viewport's widths and DPRs available when using the viewport meta tag width=device-width on different deivces.

iPhone #

Viewport width (in CSS pixels):

  • 320: iPhone SE
  • 375: iPhone 7/8/X/Xⓢ/11 Pro/SE 2/12 mini
  • 390: iPhone 12/12 Pro
  • 414: iPhone 7+/8+/Xⓢ Max/XⓇ/11/11 Pro Max
  • 428: iPhone 12 Pro Max

Device Pixel Ratio (resolution, in dppx):

  • 2: iPhone SE/7/8/XⓇ/11/SE 2
  • 3 (emulated): iPhone 7+/8+/12 mini
  • 3 (real): iPhone X/Xⓢ/Xⓢ Max/11 Pro/11 Pro Max/12/12 Pro/12 Pro Max

Apple Watch Browser #

Viewport width (in CSS pixels):

  • 320: All Apple watch without disabled-adaptations meta tag present
  • 136: Apple Watch Series 1 to 3 38mm with disabled-adaptations
  • 156: Apple Watch Series 1 to 3 42mm with disabled-adaptations
  • 162: Apple Watch from Series 4 40mm with disabled-adaptations
  • 184: Apple Watch from Series 4 44mm with disabled-adaptations

Device Pixel Ratio (resolution, in dppx):

  • 2 (emulated): All Apple Watches

iPad #

Different viewports for iPad

Viewport width (in CSS pixels):

  • 320: iPad/iPad Air/iPad Mini in Split View 1/3 or Side View
  • 375: iPad Pro in Split View 1/3 or Side View
  • 438: iPad/iPad Air/iPad Mini in Split View 2/3 (Portrait-only)
  • 507: iPad/iPad Air/iPad Mini in Split View 1/2
  • 678: iPad Pro Split View 1/2
  • 639: iPad Pro Split View 2/3 (Portrait-only)
  • 694: iPad/iPad Air/iPad Mini in Split View 2/3 (Landscape-only)
  • 768: iPad/iPad Air/iPad Mini
  • 980: iPad/iPad Air/iPad Mini with no viewport meta tag is present
  • 981: iPad Pro Split View 2/3 (Landscape-only)
  • 1024: iPad Pro

The attribute shink-to-fit in the viewport meta tag can change how iPad renders the viewport while in Side or Split views. Read more

Device Pixel Ratio (resolution, in dppx):

  • 2: All iPads


This note is mantained by Maximiliano Firtman Twitter @firt About Newsletter

If you liked this newsletter and the content in this website, you can support me by a PayPal donation, or buying me a coffee. Thanks!