DeviceSpecsHub

Viewport Size Reference

Discover the most common viewport dimensions for responsive design

Your browser viewport is 1280 x 720 — not found in our database yet.

Phones(27 viewports)

412 x 915 PX

40 devices

22%

Google Pixel 9Google Pixel 9 ProGoogle Pixel 9 Pro XLXiaomi 14 UltraMotorola Edge 50 Pro+35 more
360 x 800 PX

13 devices

7%

Samsung Galaxy S21Motorola G84Redmi 12Motorola Moto G85Nokia XR21+8 more
360 x 780 PX

11 devices

6%

Samsung Galaxy S24Samsung Galaxy S23Samsung Galaxy A54iPhone 13 miniiPhone 12 mini+6 more
430 x 932 PX

6 devices

3%

iPhone 16 PlusiPhone 15 Pro MaxiPhone 15 PlusiPhone 14 Pro MaxiPhone 17 Pro+1 more
360 x 804 PX

6 devices

3%

Nothing Phone (2a)Oppo A78Nothing Phone (1)Oppo Reno 12 ProNothing Phone (3)+1 more
393 x 852 PX

5 devices

3%

iPhone 16iPhone 15 ProiPhone 15iPhone 14 ProiPhone 17
390 x 844 PX

5 devices

3%

iPhone 14iPhone 13 ProiPhone 13iPhone 12 ProiPhone 12
384 x 832 PX

4 devices

2%

Samsung Galaxy S24 UltraSamsung Galaxy S23 UltraSamsung Galaxy S25 UltraSamsung Galaxy S25+
412 x 906 PX

4 devices

2%

OnePlus 12OnePlus 8 ProOnePlus 13Oppo Find X8 Pro
412 x 919 PX

3 devices

2%

OnePlus 11OnePlus 10 ProOnePlus 9 Pro
428 x 926 PX

3 devices

2%

iPhone 14 PlusiPhone 13 Pro MaxiPhone 12 Pro Max
375 x 667 PX

2 devices

1%

iPhone SE (2022)iPhone SE (2024)
412 x 883 PX

2 devices

1%

Samsung Galaxy S22 UltraSamsung Galaxy Note20 Ultra
393 x 851 PX

2 devices

1%

Google Pixel 5Google Pixel 4a
360 x 840 PX

2 devices

1%

Sony Xperia 5 VIOppo Find N3 Flip
440 x 956 PX

1 device

1%

iPhone 16 Pro Max
402 x 874 PX

1 device

1%

iPhone 16 Pro
384 x 854 PX

1 device

1%

Samsung Galaxy S21 Ultra
480 x 1040 PX

1 device

1%

iPhone 17 Pro Max
400 x 890 PX

1 device

1%

Xiaomi 15
420 x 948 PX

1 device

1%

Huawei Pura 70 Pro
360 x 792 PX

1 device

1%

Huawei Pura 70
360 x 806 PX

1 device

1%

Nokia G42 5G
420 x 933 PX

1 device

1%

Vivo X200 Pro
412 x 900 PX

1 device

1%

Honor Magic 7 Pro
412 x 924 PX

1 device

1%

OnePlus Nord 4
360 x 820 PX

1 device

1%

LG Velvet 2 Pro

Tablets(10 viewports)

1280 x 800 PX

6 devices

3%

Samsung Galaxy Tab S9Samsung Galaxy Tab A9 UltraGoogle Pixel TabletLenovo Tab P12 ProMacBook Air 13"+1 more
1180 x 820 PX

2 devices

1%

iPad Air 11" (2024)iPad 10" (2024)
820 x 1180 PX

1 device

1%

iPad Air 10.9"
1024 x 1366 PX

1 device

1%

iPad Pro 12.9"
834 x 1194 PX

1 device

1%

iPad Pro 11"
1210 x 834 PX

1 device

1%

iPad Pro 11" (2024)
1376 x 960 PX

1 device

1%

iPad Pro 13" (2024)
1366 x 1024 PX

1 device

1%

iPad Air 13" (2024)
1480 x 924 PX

1 device

1%

Samsung Galaxy Tab S9 Ultra
1400 x 876 PX

1 device

1%

Samsung Galaxy Tab S9+

Watches(15 viewports)

227 x 227 PX

5 devices

3%

Garmin Epix Gen 2Amazfit GTR 4Xiaomi Watch S1 ProMotorola Moto Watch 70TicWatch Pro 5
233 x 233 PX

3 devices

2%

Huawei Watch GT 4Huawei Watch GT 3 ProOnePlus Watch 2
240 x 240 PX

2 devices

1%

Samsung Galaxy Watch 6 Classic (47mm)Samsung Galaxy Watch 6 (47mm)
216 x 216 PX

2 devices

1%

Samsung Galaxy Watch 6 Classic (43mm)Samsung Galaxy Watch 6 (41mm)
204 x 204 PX

2 devices

1%

Google Pixel Watch 2Google Pixel Watch
168 x 168 PX

2 devices

1%

Fitbit Sense 2Fitbit Versa 4
184 x 224 PX

1 device

1%

Apple Watch Series 6 (44mm)
162 x 197 PX

1 device

1%

Apple Watch Series 6 (40mm)
198 x 238 PX

1 device

1%

Apple Watch Series 9 (45mm)
176 x 215 PX

1 device

1%

Apple Watch Series 9 (41mm)
205 x 251 PX

1 device

1%

Apple Watch Ultra 2
280 x 280 PX

1 device

1%

Garmin Fenix 7X
260 x 260 PX

1 device

1%

Garmin Fenix 7
195 x 225 PX

1 device

1%

Amazfit GTS 4
208 x 208 PX

1 device

1%

Fossil Gen 6 Smartwatch

Foldables(3 viewports)

410 x 854 PX

2 devices

1%

Samsung Galaxy Z Fold 5Samsung Galaxy Z Fold 4
412 x 912 PX

1 device

1%

Samsung Galaxy Z Fold 6
360 x 880 PX

1 device

1%

Motorola Razr 50 Ultra

Common CSS Media Queries

Mobile Devices

@media (max-width: 480px) {
  /* Mobile phones */
}

@media (min-width: 481px) and 
       (max-width: 768px) {
  /* Tablets */
}

Desktop & Larger

@media (min-width: 769px) {
  /* Tablets landscape */
}

@media (min-width: 1024px) {
  /* Desktops */
}