This comprehensive guide provides detailed viewport sizes and screen resolutions for popular Android devices. Essential information for web developers and designers working on responsive websites and applications.
| Model | Viewport Size | Screen Resolution | DPR | Release Year |
|---|---|---|---|---|
| Samsung Galaxy S24 Ultra | 412 x 912 | 1440 x 3120 | 3.5 | 2024 |
| Samsung Galaxy S24+ | 393 x 873 | 1440 x 3120 | 3.5 | 2024 |
| Samsung Galaxy S24 | 360 x 780 | 1080 x 2340 | 3.0 | 2024 |
| Google Pixel 8 Pro | 412 x 892 | 1344 x 2992 | 3.5 | 2023 |
| Google Pixel 8 | 393 x 851 | 1080 x 2400 | 2.75 | 2023 |
| Samsung Galaxy S23 Ultra | 412 x 878 | 1440 x 3088 | 3.5 | 2023 |
| Samsung Galaxy S23+ | 393 x 851 | 1080 x 2340 | 2.75 | 2023 |
| Samsung Galaxy S23 | 360 x 780 | 1080 x 2340 | 3.0 | 2023 |
| OnePlus 12 | 412 x 892 | 1440 x 3168 | 3.5 | 2024 |
| OnePlus 11 | 412 x 892 | 1440 x 3216 | 3.5 | 2023 |
| Xiaomi 14 Pro | 412 x 892 | 1440 x 3200 | 3.5 | 2023 |
| Xiaomi 14 | 393 x 851 | 1200 x 2670 | 3.0 | 2023 |
| Google Pixel 7 Pro | 412 x 892 | 1440 x 3120 | 3.5 | 2022 |
| Google Pixel 7 | 393 x 851 | 1080 x 2400 | 2.75 | 2022 |
| Samsung Galaxy Z Fold 5 | 904 x 1436 (展开) 412 x 904 (折叠) |
1812 x 2176 (展开) 904 x 2316 (折叠) |
2.0 | 2023 |
| Samsung Galaxy Z Flip 5 | 393 x 851 (展开) 393 x 425 (折叠) |
1080 x 2640 (展开) 720 x 1440 (折叠) |
2.75 | 2023 |
When designing for Android devices, it's important to consider several factors: