—
Device
Family · DPR · PPI
Android viewport reference
Android Viewport Sizes
Use Android viewport sizes as a practical responsive testing reference. Values can vary across browser UI, density settings, and manufacturer display modes.
Android viewport table
Use these values as starting points for responsive testing. Always verify final behavior in the actual browser and orientation you are targeting.
Filter device database
Search the full viewport reference set, then narrow results by device family, brand, type, DPR, and CSS viewport width.
Advanced filters
14 devices shown from 14 records.
Swipe horizontally to view all viewport, resolution, DPR, PPI, source, and notes columns.
| Device | Family | Type | CSS viewport | Resolution | DPR | PPI | Source | Notes |
|---|---|---|---|---|---|---|---|---|
|
Google Pixel 8
Google · 2023
|
Android | Phone | 412 × 915 | 1080 × 2400 | 2.625 | 428 | Manufacturer specs + viewport reference Review | Representative Android mid-size viewport. |
|
Google Pixel 8 Pro
Google · 2023
|
Android | Phone | 448 × 998 | 1344 × 2992 | 3 | 489 | Manufacturer specs + viewport reference Review | Android browser UI and display size settings can change effective CSS viewport. |
|
Google Pixel 8a
Google · 2024
|
Android | Phone | 412 × 915 | 1080 × 2400 | 2.625 | 430 | Manufacturer specs + Android viewport reference Review | Budget Pixel reference useful for common Android viewport testing. |
|
Google Pixel 9
Google · 2024
|
Android | Phone | 393 × 874 | 1080 × 2424 | 2.75 | 422 | Manufacturer specs + Android viewport reference Review | Current mainstream Pixel-style viewport for Android breakpoint checks. |
|
Google Pixel 9 Pro XL
Google · 2024
|
Android | Phone | 448 × 997 | 1344 × 2992 | 3 | 486 | Manufacturer specs + Android viewport reference Review | Large Pixel viewport reference; Android display size settings can change CSS values. |
|
OnePlus 12
OnePlus · 2024
|
Android | Phone | 450 × 1000 | 1440 × 3168 | 3.2 | 510 | Manufacturer specs + Android viewport reference Review | High-resolution Android flagship reference; CSS values can vary by display settings. |
|
Samsung Galaxy A55
Samsung · 2024
|
Android | Phone | 360 × 780 | 1080 × 2340 | 3 | 390 | Manufacturer specs + Android viewport reference Review | Mainstream Samsung Android reference with narrow CSS width. |
|
Samsung Galaxy S23 Ultra
Samsung · 2023
|
Android | Phone | 480 × 1067 | 1440 × 3088 | 3 | 500 | Manufacturer specs + Samsung viewport reference Review | Large Samsung reference; display mode and font/display size can affect viewport. |
|
Samsung Galaxy S24
Samsung · 2024
|
Android | Phone | 360 × 780 | 1080 × 2340 | 3 | 416 | Manufacturer specs + viewport reference Review | Narrow CSS width is useful for mobile breakpoint testing. |
|
Samsung Galaxy S24 Ultra
Samsung · 2024
|
Android | Phone | 480 × 1067 | 1440 × 3120 | 3 | 505 | Manufacturer specs + viewport reference Review | Large Android viewport reference; Samsung display modes may vary. |
|
Samsung Galaxy Z Fold 5 cover
Samsung · 2023
|
Android | Foldable phone | 344 × 882 | 904 × 2316 | 2.625 | 401 | Manufacturer specs + viewport reference Review | Cover screen can reveal narrow layout issues. |
|
Samsung Galaxy Z Fold 5 inner
Samsung · 2023
|
Android | Foldable phone | 690 × 829 | 1812 × 2176 | 2.625 | 373 | Manufacturer specs + viewport reference Review | Inner display is important for tablet-like responsive states. |
|
Samsung Galaxy Z Fold 6 cover
Samsung · 2024
|
Android | Foldable phone | 376 × 904 | 968 × 2376 | 2.625 | 410 | Manufacturer specs + foldable viewport reference Review | Narrow foldable cover screen reference for responsive edge cases. |
|
Samsung Galaxy Z Fold 6 inner
Samsung · 2024
|
Android | Foldable phone | 712 × 776 | 1856 × 2160 | 2.625 | 374 | Manufacturer specs + foldable viewport reference Review | Foldable inner display reference for tablet-like responsive states. |
| No device records match these filters. Reset filters or try a broader search. | ||||||||
Values are practical references and can vary by browser, zoom, OS scaling, display mode, and orientation.
Visual comparison
Compare viewport shapes
Pick two records and compare CSS viewport or physical resolution shapes. The drawing is scaled for relative size, so it is useful for layout intuition before opening the detailed records.
Left device
Right device
CSS viewport comparison
Compare two devices to see the relative area.
—
Device
Family · DPR · PPI
Use CSS viewport first
Responsive breakpoints usually react to CSS viewport width, not physical display resolution.
Record DPR
DPR helps explain why a high-resolution device can still report a smaller CSS viewport.
Check orientation
Portrait, landscape, split-view, and browser UI can all change the usable viewport.
Source notes
Use these records as starting points
This viewport reference database combines manufacturer display specifications, practical CSS viewport references, browser testing notes, and normalized QA-friendly values. Physical resolution, diagonal, and PPI are hardware-level references; CSS viewport values can change with browser UI, zoom, OS display scaling, orientation, split view, and responsive mode. Use these records as practical testing baselines and verify critical layouts on real browsers.
Manufacturer specifications
Use official Apple, Google, Samsung, monitor, and TV specification pages for physical resolution, diagonal size, and PPI/marketing display references.
Browser viewport testing
Use live browser measurements from Safari, Chrome, Firefox, Edge, device simulators, and real devices to validate CSS viewport width and height.
CSS/device behavior documentation
Use browser documentation for viewport, visualViewport, DPR, and responsive behavior when explaining why live values differ from physical specs.
Quarterly editorial review
Review newly released devices, OS display scaling changes, and browser UI changes before expanding indexed device pages.