{
    "updated": "2026-06-26",
    "methodology": "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.",
    "count": 47,
    "devices": [
        {
            "model": "iPhone 12 / 12 Pro",
            "slug": "iphone-12-screen-size",
            "brand": "Apple",
            "family": "iPhone",
            "type": "Phone",
            "year": "2020",
            "css_width": 390,
            "css_height": 844,
            "resolution_width": 1170,
            "resolution_height": 2532,
            "dpr": 3,
            "diagonal": 6.1,
            "ppi": 460,
            "aspect_ratio": "19.5:9",
            "notes": "Common older iPhone width still useful for QA coverage.",
            "source_label": "Manufacturer specs + iOS viewport reference",
            "source_note": "Physical display data should be verified against Apple specs; CSS viewport may differ by browser UI and zoom.",
            "confidence": "High"
        },
        {
            "model": "iPhone 13 mini",
            "slug": "iphone-13-mini-screen-size",
            "brand": "Apple",
            "family": "iPhone",
            "type": "Phone",
            "year": "2021",
            "css_width": 375,
            "css_height": 812,
            "resolution_width": 1080,
            "resolution_height": 2340,
            "dpr": 3,
            "diagonal": 5.4,
            "ppi": 476,
            "aspect_ratio": "19.5:9",
            "notes": "Small high-DPI iPhone reference for compact mobile layouts.",
            "source_label": "Manufacturer specs + iOS viewport reference",
            "source_note": "Physical display data should be verified against Apple specs; CSS viewport may differ by browser UI and zoom.",
            "confidence": "High"
        },
        {
            "model": "iPhone 14 Pro",
            "slug": "iphone-14-pro-screen-size",
            "brand": "Apple",
            "family": "iPhone",
            "type": "Phone",
            "year": "2022",
            "css_width": 393,
            "css_height": 852,
            "resolution_width": 1179,
            "resolution_height": 2556,
            "dpr": 3,
            "diagonal": 6.1,
            "ppi": 460,
            "aspect_ratio": "19.5:9",
            "notes": "Similar CSS viewport to newer 6.1-inch Pro models.",
            "source_label": "Manufacturer specs + viewport reference",
            "source_note": "Physical specs come from manufacturer-style display references; CSS viewport is a practical browser reference that should be verified on the target device/browser.",
            "confidence": "Review"
        },
        {
            "model": "iPhone 15 / 15 Pro",
            "slug": "iphone-15-screen-size",
            "brand": "Apple",
            "family": "iPhone",
            "type": "Phone",
            "year": "2023",
            "css_width": 393,
            "css_height": 852,
            "resolution_width": 1179,
            "resolution_height": 2556,
            "dpr": 3,
            "diagonal": 6.1,
            "ppi": 460,
            "aspect_ratio": "19.5:9",
            "notes": "Good baseline for modern iPhone layouts.",
            "source_label": "Manufacturer specs + viewport reference",
            "source_note": "Physical specs come from manufacturer-style display references; CSS viewport is a practical browser reference that should be verified on the target device/browser.",
            "confidence": "Review"
        },
        {
            "model": "iPhone 15 Plus",
            "slug": "iphone-15-plus-screen-size",
            "brand": "Apple",
            "family": "iPhone",
            "type": "Phone",
            "year": "2023",
            "css_width": 430,
            "css_height": 932,
            "resolution_width": 1290,
            "resolution_height": 2796,
            "dpr": 3,
            "diagonal": 6.7,
            "ppi": 460,
            "aspect_ratio": "19.5:9",
            "notes": "Large mainstream iPhone viewport similar to Pro Max browser layout testing.",
            "source_label": "Manufacturer specs + iOS viewport reference",
            "source_note": "Physical display data should be verified against Apple specs; CSS viewport is a practical browser reference.",
            "confidence": "High"
        },
        {
            "model": "iPhone 15 Pro Max",
            "slug": "iphone-15-pro-max-screen-size",
            "brand": "Apple",
            "family": "iPhone",
            "type": "Phone",
            "year": "2023",
            "css_width": 430,
            "css_height": 932,
            "resolution_width": 1290,
            "resolution_height": 2796,
            "dpr": 3,
            "diagonal": 6.7,
            "ppi": 460,
            "aspect_ratio": "19.5:9",
            "notes": "Common large iPhone viewport reference.",
            "source_label": "Manufacturer specs + viewport reference",
            "source_note": "Physical specs come from manufacturer-style display references; CSS viewport is a practical browser reference that should be verified on the target device/browser.",
            "confidence": "Review"
        },
        {
            "model": "iPhone 16",
            "slug": "iphone-16-screen-size",
            "brand": "Apple",
            "family": "iPhone",
            "type": "Phone",
            "year": "2024",
            "css_width": 393,
            "css_height": 852,
            "resolution_width": 1179,
            "resolution_height": 2556,
            "dpr": 3,
            "diagonal": 6.1,
            "ppi": 460,
            "aspect_ratio": "19.5:9",
            "notes": "Mainstream modern iPhone width for common mobile breakpoints.",
            "source_label": "Manufacturer specs + iOS viewport reference",
            "source_note": "Physical display data should be verified against Apple specs; CSS viewport is a practical Safari/Chrome-on-iOS baseline.",
            "confidence": "High"
        },
        {
            "model": "iPhone 16 Plus",
            "slug": "iphone-16-plus-screen-size",
            "brand": "Apple",
            "family": "iPhone",
            "type": "Phone",
            "year": "2024",
            "css_width": 430,
            "css_height": 932,
            "resolution_width": 1290,
            "resolution_height": 2796,
            "dpr": 3,
            "diagonal": 6.7,
            "ppi": 460,
            "aspect_ratio": "19.5:9",
            "notes": "Large non-Pro iPhone viewport reference for portrait mobile QA.",
            "source_label": "Manufacturer specs + iOS viewport reference",
            "source_note": "Physical display data should be verified against Apple specs; CSS viewport is a practical Safari/Chrome-on-iOS baseline.",
            "confidence": "High"
        },
        {
            "model": "iPhone 16 Pro",
            "slug": "iphone-16-pro-screen-size",
            "brand": "Apple",
            "family": "iPhone",
            "type": "Phone",
            "year": "2024",
            "css_width": 402,
            "css_height": 874,
            "resolution_width": 1206,
            "resolution_height": 2622,
            "dpr": 3,
            "diagonal": 6.3,
            "ppi": 460,
            "aspect_ratio": "19.5:9",
            "notes": "Useful for modern iOS Pro breakpoint checks.",
            "source_label": "Manufacturer specs + viewport reference",
            "source_note": "Physical specs come from manufacturer-style display references; CSS viewport is a practical browser reference that should be verified on the target device/browser.",
            "confidence": "Review"
        },
        {
            "model": "iPhone 16 Pro Max",
            "slug": "iphone-16-pro-max-screen-size",
            "brand": "Apple",
            "family": "iPhone",
            "type": "Phone",
            "year": "2024",
            "css_width": 440,
            "css_height": 956,
            "resolution_width": 1320,
            "resolution_height": 2868,
            "dpr": 3,
            "diagonal": 6.9,
            "ppi": 460,
            "aspect_ratio": "19.5:9",
            "notes": "Typical portrait CSS viewport; browser chrome and zoom can change visible height.",
            "source_label": "Manufacturer specs + viewport reference",
            "source_note": "Physical specs come from manufacturer-style display references; CSS viewport is a practical browser reference that should be verified on the target device/browser.",
            "confidence": "Review"
        },
        {
            "model": "iPhone SE 3rd gen",
            "slug": "iphone-se-3rd-gen-screen-size",
            "brand": "Apple",
            "family": "iPhone",
            "type": "Phone",
            "year": "2022",
            "css_width": 375,
            "css_height": 667,
            "resolution_width": 750,
            "resolution_height": 1334,
            "dpr": 2,
            "diagonal": 4.7,
            "ppi": 326,
            "aspect_ratio": "16:9",
            "notes": "Small iPhone viewport useful for compact layout checks.",
            "source_label": "Manufacturer specs + viewport reference",
            "source_note": "Physical specs come from manufacturer-style display references; CSS viewport is a practical browser reference that should be verified on the target device/browser.",
            "confidence": "Review"
        },
        {
            "model": "Google Pixel 8",
            "slug": "google-pixel-8-screen-size",
            "brand": "Google",
            "family": "Android",
            "type": "Phone",
            "year": "2023",
            "css_width": 412,
            "css_height": 915,
            "resolution_width": 1080,
            "resolution_height": 2400,
            "dpr": 2.625,
            "diagonal": 6.2,
            "ppi": 428,
            "aspect_ratio": "20:9",
            "notes": "Representative Android mid-size viewport.",
            "source_label": "Manufacturer specs + viewport reference",
            "source_note": "Physical specs come from manufacturer-style display references; CSS viewport is a practical browser reference that should be verified on the target device/browser.",
            "confidence": "Review"
        },
        {
            "model": "Google Pixel 8 Pro",
            "slug": "google-pixel-8-pro-screen-size",
            "brand": "Google",
            "family": "Android",
            "type": "Phone",
            "year": "2023",
            "css_width": 448,
            "css_height": 998,
            "resolution_width": 1344,
            "resolution_height": 2992,
            "dpr": 3,
            "diagonal": 6.7,
            "ppi": 489,
            "aspect_ratio": "20:9",
            "notes": "Android browser UI and display size settings can change effective CSS viewport.",
            "source_label": "Manufacturer specs + viewport reference",
            "source_note": "Physical specs come from manufacturer-style display references; CSS viewport is a practical browser reference that should be verified on the target device/browser.",
            "confidence": "Review"
        },
        {
            "model": "Google Pixel 8a",
            "slug": "google-pixel-8a-screen-size",
            "brand": "Google",
            "family": "Android",
            "type": "Phone",
            "year": "2024",
            "css_width": 412,
            "css_height": 915,
            "resolution_width": 1080,
            "resolution_height": 2400,
            "dpr": 2.625,
            "diagonal": 6.1,
            "ppi": 430,
            "aspect_ratio": "20:9",
            "notes": "Budget Pixel reference useful for common Android viewport testing.",
            "source_label": "Manufacturer specs + Android viewport reference",
            "source_note": "Physical display data should be verified against Google specs; CSS viewport can vary with browser and OS settings.",
            "confidence": "Review"
        },
        {
            "model": "Google Pixel 9",
            "slug": "google-pixel-9-screen-size",
            "brand": "Google",
            "family": "Android",
            "type": "Phone",
            "year": "2024",
            "css_width": 393,
            "css_height": 874,
            "resolution_width": 1080,
            "resolution_height": 2424,
            "dpr": 2.75,
            "diagonal": 6.3,
            "ppi": 422,
            "aspect_ratio": "20:9",
            "notes": "Current mainstream Pixel-style viewport for Android breakpoint checks.",
            "source_label": "Manufacturer specs + Android viewport reference",
            "source_note": "Physical display data should be verified against Google specs; CSS viewport can vary with display size settings.",
            "confidence": "Review"
        },
        {
            "model": "Google Pixel 9 Pro XL",
            "slug": "google-pixel-9-pro-xl-screen-size",
            "brand": "Google",
            "family": "Android",
            "type": "Phone",
            "year": "2024",
            "css_width": 448,
            "css_height": 997,
            "resolution_width": 1344,
            "resolution_height": 2992,
            "dpr": 3,
            "diagonal": 6.8,
            "ppi": 486,
            "aspect_ratio": "20:9",
            "notes": "Large Pixel viewport reference; Android display size settings can change CSS values.",
            "source_label": "Manufacturer specs + Android viewport reference",
            "source_note": "Physical display data should be verified against Google specs; CSS viewport is a normalized Android browser reference.",
            "confidence": "Review"
        },
        {
            "model": "OnePlus 12",
            "slug": "oneplus-12-screen-size",
            "brand": "OnePlus",
            "family": "Android",
            "type": "Phone",
            "year": "2024",
            "css_width": 450,
            "css_height": 1000,
            "resolution_width": 1440,
            "resolution_height": 3168,
            "dpr": 3.2,
            "diagonal": 6.82,
            "ppi": 510,
            "aspect_ratio": "19.8:9",
            "notes": "High-resolution Android flagship reference; CSS values can vary by display settings.",
            "source_label": "Manufacturer specs + Android viewport reference",
            "source_note": "Physical display data should be verified against manufacturer specs; CSS viewport is a practical reference.",
            "confidence": "Review"
        },
        {
            "model": "Samsung Galaxy A55",
            "slug": "samsung-galaxy-a55-screen-size",
            "brand": "Samsung",
            "family": "Android",
            "type": "Phone",
            "year": "2024",
            "css_width": 360,
            "css_height": 780,
            "resolution_width": 1080,
            "resolution_height": 2340,
            "dpr": 3,
            "diagonal": 6.6,
            "ppi": 390,
            "aspect_ratio": "19.5:9",
            "notes": "Mainstream Samsung Android reference with narrow CSS width.",
            "source_label": "Manufacturer specs + Android viewport reference",
            "source_note": "Physical display data should be verified against Samsung specs; CSS viewport can vary by display size setting.",
            "confidence": "Review"
        },
        {
            "model": "Samsung Galaxy S23 Ultra",
            "slug": "samsung-galaxy-s23-ultra-screen-size",
            "brand": "Samsung",
            "family": "Android",
            "type": "Phone",
            "year": "2023",
            "css_width": 480,
            "css_height": 1067,
            "resolution_width": 1440,
            "resolution_height": 3088,
            "dpr": 3,
            "diagonal": 6.8,
            "ppi": 500,
            "aspect_ratio": "19.3:9",
            "notes": "Large Samsung reference; display mode and font/display size can affect viewport.",
            "source_label": "Manufacturer specs + Samsung viewport reference",
            "source_note": "Physical display data should be verified against Samsung specs; CSS viewport is a practical reference.",
            "confidence": "Review"
        },
        {
            "model": "Samsung Galaxy S24",
            "slug": "samsung-galaxy-s24-screen-size",
            "brand": "Samsung",
            "family": "Android",
            "type": "Phone",
            "year": "2024",
            "css_width": 360,
            "css_height": 780,
            "resolution_width": 1080,
            "resolution_height": 2340,
            "dpr": 3,
            "diagonal": 6.2,
            "ppi": 416,
            "aspect_ratio": "19.5:9",
            "notes": "Narrow CSS width is useful for mobile breakpoint testing.",
            "source_label": "Manufacturer specs + viewport reference",
            "source_note": "Physical specs come from manufacturer-style display references; CSS viewport is a practical browser reference that should be verified on the target device/browser.",
            "confidence": "Review"
        },
        {
            "model": "Samsung Galaxy S24 Ultra",
            "slug": "samsung-galaxy-s24-ultra-screen-size",
            "brand": "Samsung",
            "family": "Android",
            "type": "Phone",
            "year": "2024",
            "css_width": 480,
            "css_height": 1067,
            "resolution_width": 1440,
            "resolution_height": 3120,
            "dpr": 3,
            "diagonal": 6.8,
            "ppi": 505,
            "aspect_ratio": "19.5:9",
            "notes": "Large Android viewport reference; Samsung display modes may vary.",
            "source_label": "Manufacturer specs + viewport reference",
            "source_note": "Physical specs come from manufacturer-style display references; CSS viewport is a practical browser reference that should be verified on the target device/browser.",
            "confidence": "Review"
        },
        {
            "model": "Samsung Galaxy Z Fold 5 cover",
            "slug": "samsung-galaxy-z-fold-5-cover-screen-size",
            "brand": "Samsung",
            "family": "Android",
            "type": "Foldable phone",
            "year": "2023",
            "css_width": 344,
            "css_height": 882,
            "resolution_width": 904,
            "resolution_height": 2316,
            "dpr": 2.625,
            "diagonal": 6.2,
            "ppi": 401,
            "aspect_ratio": "23.1:9",
            "notes": "Cover screen can reveal narrow layout issues.",
            "source_label": "Manufacturer specs + viewport reference",
            "source_note": "Physical specs come from manufacturer-style display references; CSS viewport is a practical browser reference that should be verified on the target device/browser.",
            "confidence": "Review"
        },
        {
            "model": "Samsung Galaxy Z Fold 5 inner",
            "slug": "samsung-galaxy-z-fold-5-inner-screen-size",
            "brand": "Samsung",
            "family": "Android",
            "type": "Foldable phone",
            "year": "2023",
            "css_width": 690,
            "css_height": 829,
            "resolution_width": 1812,
            "resolution_height": 2176,
            "dpr": 2.625,
            "diagonal": 7.6,
            "ppi": 373,
            "aspect_ratio": "5:6",
            "notes": "Inner display is important for tablet-like responsive states.",
            "source_label": "Manufacturer specs + viewport reference",
            "source_note": "Physical specs come from manufacturer-style display references; CSS viewport is a practical browser reference that should be verified on the target device/browser.",
            "confidence": "Review"
        },
        {
            "model": "Samsung Galaxy Z Fold 6 cover",
            "slug": "samsung-galaxy-z-fold-6-cover-screen-size",
            "brand": "Samsung",
            "family": "Android",
            "type": "Foldable phone",
            "year": "2024",
            "css_width": 376,
            "css_height": 904,
            "resolution_width": 968,
            "resolution_height": 2376,
            "dpr": 2.625,
            "diagonal": 6.3,
            "ppi": 410,
            "aspect_ratio": "22.1:9",
            "notes": "Narrow foldable cover screen reference for responsive edge cases.",
            "source_label": "Manufacturer specs + foldable viewport reference",
            "source_note": "Foldable physical and CSS values should be verified in both cover and inner states.",
            "confidence": "Review"
        },
        {
            "model": "Samsung Galaxy Z Fold 6 inner",
            "slug": "samsung-galaxy-z-fold-6-inner-screen-size",
            "brand": "Samsung",
            "family": "Android",
            "type": "Foldable phone",
            "year": "2024",
            "css_width": 712,
            "css_height": 776,
            "resolution_width": 1856,
            "resolution_height": 2160,
            "dpr": 2.625,
            "diagonal": 7.6,
            "ppi": 374,
            "aspect_ratio": "10.5:9",
            "notes": "Foldable inner display reference for tablet-like responsive states.",
            "source_label": "Manufacturer specs + foldable viewport reference",
            "source_note": "Foldable physical and CSS values should be verified in both cover and inner states.",
            "confidence": "Review"
        },
        {
            "model": "iPad 10th gen",
            "slug": "ipad-10th-gen-screen-size",
            "brand": "Apple",
            "family": "iPad",
            "type": "Tablet",
            "year": "2022",
            "css_width": 820,
            "css_height": 1180,
            "resolution_width": 1640,
            "resolution_height": 2360,
            "dpr": 2,
            "diagonal": 10.9,
            "ppi": 264,
            "aspect_ratio": "1.44:1",
            "notes": "Common modern iPad portrait viewport.",
            "source_label": "Manufacturer specs + viewport reference",
            "source_note": "Physical specs come from manufacturer-style display references; CSS viewport is a practical browser reference that should be verified on the target device/browser.",
            "confidence": "Review"
        },
        {
            "model": "iPad 9th gen",
            "slug": "ipad-9th-gen-screen-size",
            "brand": "Apple",
            "family": "iPad",
            "type": "Tablet",
            "year": "2021",
            "css_width": 810,
            "css_height": 1080,
            "resolution_width": 1620,
            "resolution_height": 2160,
            "dpr": 2,
            "diagonal": 10.2,
            "ppi": 264,
            "aspect_ratio": "4:3",
            "notes": "Older iPad reference still useful for school and office environments.",
            "source_label": "Manufacturer specs + iPad viewport reference",
            "source_note": "Physical display data should be verified against Apple specs; CSS viewport may vary by iPadOS mode.",
            "confidence": "High"
        },
        {
            "model": "iPad Air 11-inch",
            "slug": "ipad-air-11-inch-screen-size",
            "brand": "Apple",
            "family": "iPad",
            "type": "Tablet",
            "year": "2024",
            "css_width": 820,
            "css_height": 1180,
            "resolution_width": 1640,
            "resolution_height": 2360,
            "dpr": 2,
            "diagonal": 11,
            "ppi": 264,
            "aspect_ratio": "1.44:1",
            "notes": "Modern iPad Air reference close to iPad 10th-gen layout width.",
            "source_label": "Manufacturer specs + iPad viewport reference",
            "source_note": "Physical display data should be verified against Apple specs; split view can change CSS viewport.",
            "confidence": "High"
        },
        {
            "model": "iPad Air 13-inch",
            "slug": "ipad-air-13-inch-screen-size",
            "brand": "Apple",
            "family": "iPad",
            "type": "Tablet",
            "year": "2024",
            "css_width": 1024,
            "css_height": 1366,
            "resolution_width": 2048,
            "resolution_height": 2732,
            "dpr": 2,
            "diagonal": 13,
            "ppi": 264,
            "aspect_ratio": "4:3",
            "notes": "Large iPad Air reference for desktop-like tablet layouts.",
            "source_label": "Manufacturer specs + iPad viewport reference",
            "source_note": "Physical display data should be verified against Apple specs; split view can change CSS viewport.",
            "confidence": "High"
        },
        {
            "model": "iPad Pro 11-inch",
            "slug": "ipad-pro-11-inch-screen-size",
            "brand": "Apple",
            "family": "iPad",
            "type": "Tablet",
            "year": "2024",
            "css_width": 834,
            "css_height": 1210,
            "resolution_width": 1668,
            "resolution_height": 2420,
            "dpr": 2,
            "diagonal": 11,
            "ppi": 264,
            "aspect_ratio": "1.45:1",
            "notes": "Useful for tablet card grids and two-column layouts.",
            "source_label": "Manufacturer specs + viewport reference",
            "source_note": "Physical specs come from manufacturer-style display references; CSS viewport is a practical browser reference that should be verified on the target device/browser.",
            "confidence": "Review"
        },
        {
            "model": "iPad Pro 12.9-inch",
            "slug": "ipad-pro-12-9-inch-screen-size",
            "brand": "Apple",
            "family": "iPad",
            "type": "Tablet",
            "year": "2022",
            "css_width": 1024,
            "css_height": 1366,
            "resolution_width": 2048,
            "resolution_height": 2732,
            "dpr": 2,
            "diagonal": 12.9,
            "ppi": 264,
            "aspect_ratio": "4:3",
            "notes": "Large tablet viewport often triggers desktop-like layouts.",
            "source_label": "Manufacturer specs + viewport reference",
            "source_note": "Physical specs come from manufacturer-style display references; CSS viewport is a practical browser reference that should be verified on the target device/browser.",
            "confidence": "Review"
        },
        {
            "model": "iPad Pro 13-inch",
            "slug": "ipad-pro-13-inch-screen-size",
            "brand": "Apple",
            "family": "iPad",
            "type": "Tablet",
            "year": "2024",
            "css_width": 1032,
            "css_height": 1376,
            "resolution_width": 2064,
            "resolution_height": 2752,
            "dpr": 2,
            "diagonal": 13,
            "ppi": 264,
            "aspect_ratio": "4:3",
            "notes": "Large current iPad Pro reference; test split-screen states separately.",
            "source_label": "Manufacturer specs + iPad viewport reference",
            "source_note": "Physical display data should be verified against Apple specs; split view and browser UI can change CSS viewport.",
            "confidence": "Review"
        },
        {
            "model": "iPad mini 6",
            "slug": "ipad-mini-6-screen-size",
            "brand": "Apple",
            "family": "iPad",
            "type": "Tablet",
            "year": "2021",
            "css_width": 744,
            "css_height": 1133,
            "resolution_width": 1488,
            "resolution_height": 2266,
            "dpr": 2,
            "diagonal": 8.3,
            "ppi": 326,
            "aspect_ratio": "1.52:1",
            "notes": "Small tablet viewport can sit between phone and tablet breakpoints.",
            "source_label": "Manufacturer specs + viewport reference",
            "source_note": "Physical specs come from manufacturer-style display references; CSS viewport is a practical browser reference that should be verified on the target device/browser.",
            "confidence": "Review"
        },
        {
            "model": "MacBook Air 13-inch",
            "slug": "macbook-air-13-inch-screen-size",
            "brand": "Apple",
            "family": "MacBook",
            "type": "Laptop",
            "year": "2024",
            "css_width": 1280,
            "css_height": 832,
            "resolution_width": 2560,
            "resolution_height": 1664,
            "dpr": 2,
            "diagonal": 13.6,
            "ppi": 224,
            "aspect_ratio": "16:10",
            "notes": "Logical display points can change with macOS scaled display settings.",
            "source_label": "Manufacturer specs + viewport reference",
            "source_note": "Physical specs come from manufacturer-style display references; CSS viewport is a practical browser reference that should be verified on the target device/browser.",
            "confidence": "Review"
        },
        {
            "model": "MacBook Air 15-inch",
            "slug": "macbook-air-15-inch-screen-size",
            "brand": "Apple",
            "family": "MacBook",
            "type": "Laptop",
            "year": "2024",
            "css_width": 1440,
            "css_height": 932,
            "resolution_width": 2880,
            "resolution_height": 1864,
            "dpr": 2,
            "diagonal": 15.3,
            "ppi": 224,
            "aspect_ratio": "16:10",
            "notes": "Large laptop baseline for desktop responsive layouts.",
            "source_label": "Manufacturer specs + viewport reference",
            "source_note": "Physical specs come from manufacturer-style display references; CSS viewport is a practical browser reference that should be verified on the target device/browser.",
            "confidence": "Review"
        },
        {
            "model": "MacBook Air M1 13-inch",
            "slug": "macbook-air-m1-13-inch-screen-size",
            "brand": "Apple",
            "family": "MacBook",
            "type": "Laptop",
            "year": "2020",
            "css_width": 1280,
            "css_height": 800,
            "resolution_width": 2560,
            "resolution_height": 1600,
            "dpr": 2,
            "diagonal": 13.3,
            "ppi": 227,
            "aspect_ratio": "16:10",
            "notes": "Popular older MacBook baseline for desktop QA and screenshots.",
            "source_label": "Manufacturer specs + macOS scaled reference",
            "source_note": "Physical specs should be verified against Apple specs; macOS scaled display modes can change logical viewport points.",
            "confidence": "High"
        },
        {
            "model": "MacBook Pro 13-inch",
            "slug": "macbook-pro-13-inch-screen-size",
            "brand": "Apple",
            "family": "MacBook",
            "type": "Laptop",
            "year": "2022",
            "css_width": 1280,
            "css_height": 800,
            "resolution_width": 2560,
            "resolution_height": 1600,
            "dpr": 2,
            "diagonal": 13.3,
            "ppi": 227,
            "aspect_ratio": "16:10",
            "notes": "Compact Pro laptop reference for common desktop breakpoints.",
            "source_label": "Manufacturer specs + macOS scaled reference",
            "source_note": "Physical specs should be verified against Apple specs; macOS scaled display modes can change logical viewport points.",
            "confidence": "High"
        },
        {
            "model": "MacBook Pro 14-inch",
            "slug": "macbook-pro-14-inch-screen-size",
            "brand": "Apple",
            "family": "MacBook",
            "type": "Laptop",
            "year": "2024",
            "css_width": 1512,
            "css_height": 982,
            "resolution_width": 3024,
            "resolution_height": 1964,
            "dpr": 2,
            "diagonal": 14.2,
            "ppi": 254,
            "aspect_ratio": "16:10",
            "notes": "High-density laptop reference for desktop screenshots and QA.",
            "source_label": "Manufacturer specs + viewport reference",
            "source_note": "Physical specs come from manufacturer-style display references; CSS viewport is a practical browser reference that should be verified on the target device/browser.",
            "confidence": "Review"
        },
        {
            "model": "MacBook Pro 16-inch",
            "slug": "macbook-pro-16-inch-screen-size",
            "brand": "Apple",
            "family": "MacBook",
            "type": "Laptop",
            "year": "2024",
            "css_width": 1728,
            "css_height": 1117,
            "resolution_width": 3456,
            "resolution_height": 2234,
            "dpr": 2,
            "diagonal": 16.2,
            "ppi": 254,
            "aspect_ratio": "16:10",
            "notes": "Wide laptop baseline for large desktop layouts.",
            "source_label": "Manufacturer specs + viewport reference",
            "source_note": "Physical specs come from manufacturer-style display references; CSS viewport is a practical browser reference that should be verified on the target device/browser.",
            "confidence": "Review"
        },
        {
            "model": "24-inch 1080p monitor",
            "slug": "24-inch-1080p-monitor-screen-size",
            "brand": "Generic",
            "family": "Monitor",
            "type": "Monitor",
            "year": "Reference",
            "css_width": 1920,
            "css_height": 1080,
            "resolution_width": 1920,
            "resolution_height": 1080,
            "dpr": 1,
            "diagonal": 24,
            "ppi": 92,
            "aspect_ratio": "16:9",
            "notes": "Common office and gaming monitor baseline; browser viewport is smaller when windowed.",
            "source_label": "Reference monitor resolution",
            "source_note": "Generic reference based on common monitor class; verify actual model specs before buying guidance.",
            "confidence": "Reference"
        },
        {
            "model": "27-inch 4K monitor",
            "slug": "27-inch-4k-monitor-screen-size",
            "brand": "Generic",
            "family": "Monitor",
            "type": "Monitor",
            "year": "Reference",
            "css_width": 3840,
            "css_height": 2160,
            "resolution_width": 3840,
            "resolution_height": 2160,
            "dpr": 1,
            "diagonal": 27,
            "ppi": 163,
            "aspect_ratio": "16:9",
            "notes": "High-density desktop display reference; OS scaling often changes CSS viewport size.",
            "source_label": "Reference monitor resolution",
            "source_note": "Generic 4K reference; CSS viewport should be measured after OS scaling and browser window size.",
            "confidence": "Reference"
        },
        {
            "model": "27-inch QHD monitor",
            "slug": "27-inch-qhd-monitor-screen-size",
            "brand": "Generic",
            "family": "Monitor",
            "type": "Monitor",
            "year": "Reference",
            "css_width": 2560,
            "css_height": 1440,
            "resolution_width": 2560,
            "resolution_height": 1440,
            "dpr": 1,
            "diagonal": 27,
            "ppi": 109,
            "aspect_ratio": "16:9",
            "notes": "Common design and productivity monitor reference.",
            "source_label": "Reference monitor resolution",
            "source_note": "Generic reference based on common monitor class; verify actual model specs before buying guidance.",
            "confidence": "Reference"
        },
        {
            "model": "32-inch 4K monitor",
            "slug": "32-inch-4k-monitor-screen-size",
            "brand": "Generic",
            "family": "Monitor",
            "type": "Monitor",
            "year": "Reference",
            "css_width": 3840,
            "css_height": 2160,
            "resolution_width": 3840,
            "resolution_height": 2160,
            "dpr": 1,
            "diagonal": 32,
            "ppi": 138,
            "aspect_ratio": "16:9",
            "notes": "Large 4K desktop display reference for wide layouts and visual comparison.",
            "source_label": "Reference monitor resolution",
            "source_note": "Generic 4K reference; CSS viewport should be measured after OS scaling and browser window size.",
            "confidence": "Reference"
        },
        {
            "model": "49-inch ultrawide monitor",
            "slug": "49-inch-ultrawide-monitor-screen-size",
            "brand": "Generic",
            "family": "Monitor",
            "type": "Ultrawide monitor",
            "year": "Reference",
            "css_width": 5120,
            "css_height": 1440,
            "resolution_width": 5120,
            "resolution_height": 1440,
            "dpr": 1,
            "diagonal": 49,
            "ppi": 109,
            "aspect_ratio": "32:9",
            "notes": "Super-ultrawide reference useful for dashboard and app-layout testing.",
            "source_label": "Reference ultrawide resolution",
            "source_note": "Generic reference based on common 49-inch dual-QHD class; actual models can differ.",
            "confidence": "Reference"
        },
        {
            "model": "55-inch 4K TV",
            "slug": "55-inch-4k-tv-screen-size",
            "brand": "Generic",
            "family": "TV",
            "type": "TV",
            "year": "Reference",
            "css_width": 3840,
            "css_height": 2160,
            "resolution_width": 3840,
            "resolution_height": 2160,
            "dpr": 1,
            "diagonal": 55,
            "ppi": 80,
            "aspect_ratio": "16:9",
            "notes": "Common living-room 4K TV baseline for media and presentation comparisons.",
            "source_label": "Reference TV resolution",
            "source_note": "Generic 4K TV reference; physical size and scaling should be confirmed for specific models.",
            "confidence": "Reference"
        },
        {
            "model": "65-inch 4K TV",
            "slug": "65-inch-4k-tv-screen-size",
            "brand": "Generic",
            "family": "TV",
            "type": "TV",
            "year": "Reference",
            "css_width": 3840,
            "css_height": 2160,
            "resolution_width": 3840,
            "resolution_height": 2160,
            "dpr": 1,
            "diagonal": 65,
            "ppi": 68,
            "aspect_ratio": "16:9",
            "notes": "Popular large TV comparison reference.",
            "source_label": "Reference TV resolution",
            "source_note": "Generic 4K TV reference; physical size and scaling should be confirmed for specific models.",
            "confidence": "Reference"
        },
        {
            "model": "75-inch 4K TV",
            "slug": "75-inch-4k-tv-screen-size",
            "brand": "Generic",
            "family": "TV",
            "type": "TV",
            "year": "Reference",
            "css_width": 3840,
            "css_height": 2160,
            "resolution_width": 3840,
            "resolution_height": 2160,
            "dpr": 1,
            "diagonal": 75,
            "ppi": 59,
            "aspect_ratio": "16:9",
            "notes": "Large TV reference for visual comparison and viewing-distance planning.",
            "source_label": "Reference TV resolution",
            "source_note": "Generic 4K TV reference; physical size and scaling should be confirmed for specific models.",
            "confidence": "Reference"
        }
    ]
}