Device
Family · DPR · PPI
Large display reference
Use TV screen sizes for visual comparison, presentation layouts, 4K media checks, and large-display planning.
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.
| Device | Family | Type | CSS viewport | Resolution | DPR | PPI | Source | Notes |
|---|---|---|---|---|---|---|---|---|
|
55-inch 4K TV
Generic · Reference
|
TV | TV | 3840 × 2160 | 3840 × 2160 | 1 | 80 | Reference TV resolution Reference | Common living-room 4K TV baseline for media and presentation comparisons. |
|
65-inch 4K TV
Generic · Reference
|
TV | TV | 3840 × 2160 | 3840 × 2160 | 1 | 68 | Reference TV resolution Reference | Popular large TV comparison reference. |
|
75-inch 4K TV
Generic · Reference
|
TV | TV | 3840 × 2160 | 3840 × 2160 | 1 | 59 | Reference TV resolution Reference | Large TV reference for visual comparison and viewing-distance planning. |
| No device records match these filters. Reset filters or try a broader search. | ||||||||
Visual comparison
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.
CSS viewport comparison
Compare two devices to see the relative area.
Family · DPR · PPI
Family · DPR · PPI
Responsive breakpoints usually react to CSS viewport width, not physical display resolution.
DPR helps explain why a high-resolution device can still report a smaller CSS viewport.
Portrait, landscape, split-view, and browser UI can all change the usable viewport.
Source notes
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.
Use official Apple, Google, Samsung, monitor, and TV specification pages for physical resolution, diagonal size, and PPI/marketing display references.
Use live browser measurements from Safari, Chrome, Firefox, Edge, device simulators, and real devices to validate CSS viewport width and height.
Use browser documentation for viewport, visualViewport, DPR, and responsive behavior when explaining why live values differ from physical specs.
Review newly released devices, OS display scaling changes, and browser UI changes before expanding indexed device pages.