https://www.screensize.io/blog/latest.html New phones, tablets and laptops with their screen sizes, CSS viewports and what each one means for responsive web testing. en Fri, 18 Sep 2026 00:00:00 GMT https://www.screensize.io/blog/iphone-18-pro.html https://www.screensize.io/blog/iphone-18-pro.html Fri, 18 Sep 2026 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Phone iPhone 18 Pro / Pro Max: 6.3″ / 6.9″, 2622×1206 / 2868×1320 physical, 402×874 / 440×956 CSS px. The iPhone 18 Pro and iPhone 18 Pro Max keep the exact panels of their predecessors: 2622×1206 pixels on the 6.3″ model and 2868×1320 on the 6.9″ model, both at a device pixel ratio of 3. That gives CSS viewports of 402×874 and 440×956, identical to the iPhone 17 Pro line. For web developers this is good news. If your layouts already hold up on the 17 Pro, nothing about the viewport math changes, and these two widths will stay the most common premium iPhone sizes in your analytics for at least another year. https://www.screensize.io/blog/iphone-duo.html https://www.screensize.io/blog/iphone-duo.html Wed, 09 Sep 2026 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Phone iPhone Duo: 5.4″ (outer) / 7.6″ (inner), 1398×2034 (outer) / 2670×1878 (inner) physical, 466×678 CSS px (outer, est.) / 890×626 CSS px (inner, est.). The iPhone Duo is Apple's first foldable iPhone, announced on September 9, 2026 and shipping on October 23. It has two displays: a 5.4″ outer screen at 1398×2034 pixels and a 7.6″ inner screen at 2670×1878 pixels that opens in landscape. Assuming the usual iPhone device pixel ratio of 3, that works out to CSS viewports of about 466×678 on the outer screen and 890×626 on the inner screen. Apple has not published browser values yet, so treat both numbers as estimates until the device is in hand. https://www.screensize.io/blog/galaxy-s26-fe.html https://www.screensize.io/blog/galaxy-s26-fe.html Fri, 04 Sep 2026 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Phone Samsung Galaxy S26 FE: 6.7″, 2340×1080 physical, 412×891 CSS px (est.). The Galaxy S26 FE brings a 6.7″ FHD+ panel at 2340×1080 pixels to Samsung's more affordable flagship tier. At the device pixel ratio Samsung typically uses for this panel size, the CSS viewport works out to about 412×891, the same logical size as the Galaxy S26 Ultra at its default FHD+ setting. Samsung does not publish browser values, so treat 412×891 as an estimate, but it matches the family pattern closely. https://www.screensize.io/blog/pixel-11.html https://www.screensize.io/blog/pixel-11.html Thu, 20 Aug 2026 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Phone Google Pixel 11 / 11 Pro / 11 Pro XL: 6.3″ / 6.3″ / 6.8″, 2424×1080 / 2856×1280 / 2992×1344 physical, 412×924 / 410×914 / 448×997 CSS px (est.). The Pixel 11 lineup reuses the panel resolutions of the Pixel 10 family: 2424×1080 on the 6.3″ Pixel 11, 2856×1280 on the 6.3″ Pixel 11 Pro and 2992×1344 on the 6.8″ Pixel 11 Pro XL. That puts the CSS viewports at roughly 412×924, 410×914 and 448×997. The base model value is well documented for the Pixel 10, while the Pro values are derived from physical resolution divided by the default device pixel ratio, so they may differ by a pixel or two depending on the display resolution setting. https://www.screensize.io/blog/galaxy-z-fold8-flip8.html https://www.screensize.io/blog/galaxy-z-fold8-flip8.html Fri, 07 Aug 2026 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Phone Samsung Galaxy Z Flip8 / Z Fold8 Ultra: 6.9″ (Flip8) / 6.5″ cover, 8.0″ inner (Fold8 Ultra), 2520×1080 (Flip8) / 2520×1080 cover, 2256×2504 inner (Fold8 Ultra) physical, 360×840 CSS px (Flip8, est.) / 412×960 CSS px (Fold8 Ultra cover, est.). Samsung's summer foldables arrived on August 7, 2026 in three shapes. The Galaxy Z Flip8 keeps a 6.9″ main display at 2520×1080 pixels, which at a device pixel ratio of 3 gives an estimated CSS viewport of 360×840. The Z Fold8 Ultra pairs a 6.5″ cover screen at 2520×1080 with an 8.0″ inner display at 2256×2504, and the new Z Fold8 introduces a wide 4:3 inner screen at 2448×1848. Cover screens behave like ordinary tall phones at about 412×960; the inner screens are where things get interesting. https://www.screensize.io/blog/macbook-pro-m5.html https://www.screensize.io/blog/macbook-pro-m5.html Thu, 05 Mar 2026 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Mac MacBook Pro 14″ / 16″ (M5 Pro/Max): 14.2″ / 16.2″, 3024×1964 / 3456×2234 physical, 1512×982 / 1728×1117 CSS px. The MacBook Pro M5 continues the 16:10 aspect ratio that distinguishes Apple laptops from the 16:9 mainstream. Both screen sizes map to the same logical CSS viewports as their M4 predecessors — 1512×982 for the 14″ and 1728×1117 for the 16″ — meaning no new breakpoints to chase. What matters for responsive testing is that these remain the two most common widths among professional developers who build and review UI on a daily basis. https://www.screensize.io/blog/macbook-air-m5.html https://www.screensize.io/blog/macbook-air-m5.html Thu, 05 Mar 2026 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Mac MacBook Air 13″ / 15″ (M5): 13.6″ / 15.3″, 2560×1664 / 2880×1864 physical, 1470×956 / 1710×1107 CSS px. The MacBook Air M5 is arguably the most important Mac to test against because it is the machine most web developers own. At the default scaled resolution its CSS viewports are 1470×956 for the 13″ and 1710×1107 for the 15″, which represent the most common professional laptop viewport widths in real-world analytics. https://www.screensize.io/blog/ipad-air-m4-2026.html https://www.screensize.io/blog/ipad-air-m4-2026.html Wed, 11 Mar 2026 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Tablet iPad Air 11″ / 13″ (M4, 2026): 11″ / 13″, 2360×1640 / 2732×2048 physical, 820×1180 / 1024×1366 CSS px. The 2026 iPad Air M4 refreshes Apple's mid-range tablet with the same 4:3 aspect ratio that has defined the iPad line since its debut. Its CSS viewports — 820×1180 in portrait and 1180×820 in landscape for the 11″, 1024×1366 in portrait for the 13″ — are unchanged from the previous generation, but this device matters because it brings pro-level performance to a wider audience, making the 820px and 1024px widths more common in your analytics than ever. https://www.screensize.io/blog/iphone-17e.html https://www.screensize.io/blog/iphone-17e.html Wed, 11 Mar 2026 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Phone iPhone 17e: 6.1″, 2532×1170 physical, 390×844 CSS px. The iPhone 17e is the most affordably priced iPhone in Apple's 2026 lineup, and that matters directly for web developers. As the entry point to the iPhone range it will drive significant traffic, making its 390×844 CSS viewport the single most important mobile dimension to test against. https://www.screensize.io/blog/galaxy-book6-ultra.html https://www.screensize.io/blog/galaxy-book6-ultra.html Wed, 11 Mar 2026 00:00:00 GMT Sebastian Messingfeld, Staff Engineer PC Samsung Galaxy Book6 Ultra 16″: 16″, 2880×1800 physical, 1920×1200 CSS px. The Samsung Galaxy Book6 Ultra brings QD-OLED panel technology to a 16:10 Windows laptop, shipping at a default CSS viewport of 1920×1200 under standard 150% display scaling. That extra 120 pixels of height compared to the more familiar 1920×1080 is where your design either looks polished or awkward. https://www.screensize.io/blog/dell-xps-16-2026.html https://www.screensize.io/blog/dell-xps-16-2026.html Tue, 06 Jan 2026 00:00:00 GMT Sebastian Messingfeld, Staff Engineer PC Dell XPS 16 (2026): 16.0″, 3200×2000 (OLED) / 1920×1200 (IPS) physical, 1600×1000 CSS px (OLED) / 1920×1200 CSS px (IPS). The Dell XPS 16 (2026) is significant for web developers because it ships in two distinct display configurations — an OLED model at 3200×2000 and an IPS model at 1920×1200 — resulting in two different default CSS viewports at standard Windows scaling. The OLED variant at 200% scaling delivers a 1600×1000 CSS viewport; the IPS model at 150% scaling gives 1920×1200. https://www.screensize.io/blog/hp-omnibook-ultra-14-2026.html https://www.screensize.io/blog/hp-omnibook-ultra-14-2026.html Tue, 06 Jan 2026 00:00:00 GMT Sebastian Messingfeld, Staff Engineer PC HP OmniBook Ultra 14 (2026): 14.0″, 2880×1800 physical, 1920×1200 CSS px. HP's OmniBook Ultra 14 targets users who need desktop-class portability in an extremely thin chassis. Its 2880×1800 OLED panel runs at 1920×1200 under 150% Windows scaling — the same CSS viewport as the Galaxy Book6 Ultra and many premium 14″ business laptops. This further reinforces 1920×1200 as a layout target that deserves its own test pass, separate from the more common 1920×1080. https://www.screensize.io/blog/ipad-pro-m5-2025.html https://www.screensize.io/blog/ipad-pro-m5-2025.html Wed, 22 Oct 2025 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Tablet iPad Pro 11″ / 13″ (M5, 2025): 11″ / 13″, 2420×1668 / 2752×2064 physical, 834×1210 / 1032×1376 CSS px. The iPad Pro M5 brings a new generation of Tandem OLED technology with 1600 nits HDR headroom — the brightest tablet Apple has shipped. Its CSS viewports match the M4 predecessor exactly: 834×1210 for the 11″ and 1032×1376 for the 13″. This consistency is by design — apps and web content built for M4 iPads need no adjustment. https://www.screensize.io/blog/iphone-17-air.html https://www.screensize.io/blog/iphone-17-air.html Fri, 19 Sep 2025 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Phone iPhone Air: 6.5″, 2736×1260 physical, 420×912 CSS px. The iPhone Air introduces a new viewport width to the iPhone family. At 420×912 CSS pixels it is wider than the 402px iPhone 17 and 17 Pro but narrower than the 440px Pro Max, a new size in the 400 to 440px range that your designs should accommodate. https://www.screensize.io/blog/iphone-17-pro-max.html https://www.screensize.io/blog/iphone-17-pro-max.html Fri, 19 Sep 2025 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Phone iPhone 17 Pro Max: 6.9″, 2868×1320 physical, 440×956 CSS px. At 440×956 CSS pixels the iPhone 17 Pro Max is the widest iPhone viewport currently available, and its user base skews toward premium consumers who engage deeply with web content. ProMotion up to 120 Hz makes scroll animations, transitions, and parallax effects appear dramatically smoother on this device — and makes any janky or stuttering animation equally more noticeable. https://www.screensize.io/blog/iphone-17.html https://www.screensize.io/blog/iphone-17.html Fri, 19 Sep 2025 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Phone iPhone 17: 6.3″, 2622×1206 physical, 402×874 CSS px. The iPhone 17 is the first standard (non-Pro) iPhone to ship with ProMotion 120 Hz, a milestone that closes the display quality gap between Apple's base and Pro models. For web developers this has a direct implication: scroll-driven animations, CSS transitions, and canvas-based effects that previously looked smooth on Pro iPhones but "fine" on standard models will now look consistently smooth across the entire iPhone 17 line — raising the bar for animation quality at 402px width. https://www.screensize.io/blog/galaxy-tab-s11-ultra.html https://www.screensize.io/blog/galaxy-tab-s11-ultra.html Sat, 20 Sep 2025 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Tablet Samsung Galaxy Tab S11 Ultra: 14.6″, 2960×1848 physical, 960×1600 CSS px. The Samsung Galaxy Tab S11 Ultra is the largest widely-used Android tablet, and at a CSS viewport of 960×1600 in portrait mode it occupies a unique place in the responsive testing landscape. The 960px width falls in a zone that many frameworks treat as "tablet" but render with desktop-style layouts — and 16:10 aspect ratio means unusually tall portrait content areas. https://www.screensize.io/blog/pixel-10-pro.html https://www.screensize.io/blog/pixel-10-pro.html Thu, 28 Aug 2025 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Phone Google Pixel 10 Pro / Pro XL: 6.3″ / 6.8″, 1280×2856 / 1344×2992 physical, 410×914 / 448×997 CSS px (est.). The Pixel 10 Pro is the flagship Android developer reference device and its CSS viewport of roughly 410×914 (448×997 on the Pro XL) sits right next to the classic 412px Android width. Google's own products are designed and tested around this width, which means many Android users are accustomed to layouts that assume a 410 to 412px viewport. https://www.screensize.io/blog/galaxy-z-fold-7.html https://www.screensize.io/blog/galaxy-z-fold-7.html Fri, 25 Jul 2025 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Phone Samsung Galaxy Z Fold 7: 8.0″ (main) / 6.5″ (cover), 2184×1968 (main) / 2520×1080 (cover) physical, 412×960 CSS px (cover, est.) / 984×1092 CSS px (unfolded, est.). The Galaxy Z Fold 7 presents the most complex responsive testing challenge of any phone: a single device with two completely different viewports. In its folded cover state it behaves like a tall, narrow phone of about 412×960 (21:9 ratio). When unfolded it expands to a near-square viewport of roughly 984×1092, a ratio unlike any other mainstream device. https://www.screensize.io/blog/oneplus-pad-3.html https://www.screensize.io/blog/oneplus-pad-3.html Thu, 19 Jun 2025 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Tablet OnePlus Pad 3: 13.2″, 2400×3392 physical, 1131×1600 CSS px. The OnePlus Pad 3 ships with the highest refresh rate of any mainstream tablet at 144 Hz, and its unusual 7:5 aspect ratio creates a CSS viewport of 1131×1600 in portrait — a combination that does not fit neatly into any standard breakpoint tier. https://www.screensize.io/blog/galaxy-s25-edge.html https://www.screensize.io/blog/galaxy-s25-edge.html Thu, 29 May 2025 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Phone Samsung Galaxy S25 Edge: 6.7″, 1440×3120 physical, 412×893 CSS px. The Samsung Galaxy S25 Edge is the thinnest flagship Android phone ever built at 5.8 mm, enabled by a custom ultra-thin display module. From a responsive design standpoint, its CSS viewport of 412×893 represents the standard Android flagship width but with a notably tall content area — 893px of height places the fold position significantly lower than shorter phones. https://www.screensize.io/blog/galaxy-tab-s10-fe.html https://www.screensize.io/blog/galaxy-tab-s10-fe.html Thu, 03 Apr 2025 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Tablet Samsung Galaxy Tab S10 FE: 10.9″, 1440×2304 physical, 960×1536 CSS px. The Samsung Galaxy Tab S10 FE is the most affordable Samsung tablet with S Pen support, making stylus-driven web interaction accessible to a much wider budget-conscious audience. For web developers this means precision pointer input on a 960px-wide touch device — a combination that demands careful attention to both click target sizes and text selection behavior. https://www.screensize.io/blog/galaxy-s25-ultra.html https://www.screensize.io/blog/galaxy-s25-ultra.html Fri, 07 Feb 2025 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Phone Samsung Galaxy S25 Ultra: 6.9″, 3120×1440 physical, 412×917 CSS px. The Samsung Galaxy S25 Ultra represents the pinnacle of the S25 family, combining the largest screen in the lineup with an integrated S Pen at a CSS viewport of 412×917. The S Pen makes precision selection, form filling, and handwriting on web content practical in ways that pure touch input is not. https://www.screensize.io/blog/oneplus-13.html https://www.screensize.io/blog/oneplus-13.html Tue, 07 Jan 2025 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Phone OnePlus 13: 6.82″, 3168×1440 physical, 412×917 CSS px. The OnePlus 13 ships with the brightest display ever put in a consumer smartphone at 4500 nits peak brightness — a level that fundamentally changes how web content renders in outdoor environments. At this brightness, color perception shifts: vibrant oranges appear almost fluorescent, dark grays wash out, and thin borders become near-invisible. If your design uses light-on-dark or low-contrast color pairings, they will be even harder to read on the OnePlus 13 in direct sunlight than on any other device tested to date. https://www.screensize.io/blog/macbook-pro-m4.html https://www.screensize.io/blog/macbook-pro-m4.html Fri, 08 Nov 2024 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Mac MacBook Pro 14″ / 16″ (M4 Pro/Max): 14.2″ / 16.2″, 3024×1964 / 3456×2234 physical, 1512×982 / 1728×1117 CSS px. The MacBook Pro M4 generation represents the moment nano-texture glass became a standard MacBook Pro option. The matte coating reduces specular reflections dramatically, which shifts how developers perceive contrast, saturation, and text legibility — and it is worth remembering that glossy displays make colors appear more vivid than they actually are. If you develop on a glossy monitor but ship to users with matte displays, your color and contrast choices may appear slightly duller to those users than you intended. https://www.screensize.io/blog/galaxy-tab-s10-ultra.html https://www.screensize.io/blog/galaxy-tab-s10-ultra.html Thu, 03 Oct 2024 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Tablet Samsung Galaxy Tab S10 Ultra: 14.6″, 2960×1848 physical, 960×1600 CSS px. The Samsung Galaxy Tab S10 Ultra introduced factory anti-reflective coating to the Galaxy Tab Ultra line for the first time — a feature that changes real-world usage patterns. Anti-reflective tablets are used outdoors more, kept at higher brightness settings less, and viewed at a wider range of angles. These usage shifts affect how web content is perceived on this device. https://www.screensize.io/blog/iphone-16-pro-max.html https://www.screensize.io/blog/iphone-16-pro-max.html Fri, 20 Sep 2024 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Phone Apple iPhone 16 Pro Max: 6.9″, 2868×1320 physical, 440×956 CSS px. The iPhone 16 Pro Max established a new CSS viewport width of 440×956 — the widest iPhone display up to that point. This extra width compared to the 390px standard iPhone is not trivial: it is 50 additional CSS pixels, roughly equivalent to adding a comfortable side padding to every column in your layout. https://www.screensize.io/blog/iphone-16-pro.html https://www.screensize.io/blog/iphone-16-pro.html Fri, 20 Sep 2024 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Phone Apple iPhone 16 Pro: 6.3″, 2622×1206 physical, 402×874 CSS px. The iPhone 16 Pro introduced Camera Control — a dedicated hardware button on the right edge of the phone that activates and controls the camera. While this is primarily a hardware input, it creates a secondary touch zone on the right edge of the device that users interact with more frequently, shifting thumb position patterns. https://www.screensize.io/blog/pixel-9-pro.html https://www.screensize.io/blog/pixel-9-pro.html Thu, 22 Aug 2024 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Phone Google Pixel 9 Pro / Pro XL: 6.3″ / 6.8″, 1280×2856 / 1344×2992 physical, 412×915 CSS px. The Google Pixel 9 Pro line brought 3000 nits peak brightness to Android — the first time Google reached this brightness level — combined with a contrast ratio exceeding 2,000,000:1. Together these specs create the most capable display for reading web content in challenging lighting conditions that Google has ever shipped. https://www.screensize.io/blog/ipad-pro-m4.html https://www.screensize.io/blog/ipad-pro-m4.html Wed, 15 May 2024 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Tablet iPad Pro M4 11″ / 13″: 11″ / 13″, 2420×1668 / 2752×2064 physical, 834×1210 / 1032×1376 CSS px. The iPad Pro M4 marked a turning point for tablet displays: Tandem OLED technology arrived in iPad for the first time, stacking two OLED panels to achieve 1600 nits HDR while maintaining perfect blacks. This debut raised the visual standard for web content on iPad — users who upgraded from LCD iPads immediately noticed the improved depth and contrast. https://www.screensize.io/blog/macbook-air-m3.html https://www.screensize.io/blog/macbook-air-m3.html Fri, 08 Mar 2024 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Mac MacBook Air 13″ / 15″ (M3): 13.6″ / 15.3″, 2560×1664 / 2880×1864 physical, 1470×956 / 1710×1107 CSS px. The MacBook Air M3 introduced two external display support while the laptop lid is open — previously only MacBook Pro owners could run three displays simultaneously. This capability pushed the Air into use as a desktop replacement for more professional workflows. https://www.screensize.io/blog/thinkpad-x1-carbon-gen12.html https://www.screensize.io/blog/thinkpad-x1-carbon-gen12.html Mon, 01 Jan 2024 00:00:00 GMT Sebastian Messingfeld, Staff Engineer PC Lenovo ThinkPad X1 Carbon Gen 12: 14.0″, 2880×1800 (2.8K OLED) physical, 1920×1200 CSS px. The ThinkPad X1 Carbon Gen 12 is the default laptop for enterprise and government IT deployments worldwide. When your business application reaches its corporate users, a significant portion will be viewing it on an X1 Carbon or equivalent business ThinkPad. Its CSS viewport of 1920×1200 under 150% scaling is the standard enterprise desktop resolution. https://www.screensize.io/blog/macbook-pro-m3.html https://www.screensize.io/blog/macbook-pro-m3.html Tue, 07 Nov 2023 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Mac MacBook Pro 14″ / 16″ (M3): 14.2″ / 16.2″, 3024×1964 / 3456×2234 physical, 1512×982 / 1728×1117 CSS px. The MacBook Pro M3 generation brought a 20% increase in SDR brightness to 600 nits — a meaningful upgrade that changed how web content looks in everyday non-HDR scenarios. Most web browsing happens outside of HDR content, which means 600 nits SDR brightness directly affects how your website's colors, gradients, and images appear. https://www.screensize.io/blog/iphone-16.html https://www.screensize.io/blog/iphone-16.html Fri, 20 Sep 2024 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Phone Apple iPhone 16: 6.1″, 2556×1179 physical, 390×844 CSS px. The iPhone 16 brought Camera Control — a new hardware button — to the standard iPhone, democratizing quick camera access for the first time. From a responsive testing angle, what matters most about the iPhone 16 is its CSS viewport: 390×844 pixels, the most important mobile viewport dimension in existence. https://www.screensize.io/blog/galaxy-s25.html https://www.screensize.io/blog/galaxy-s25.html Fri, 07 Feb 2025 00:00:00 GMT Sebastian Messingfeld, Staff Engineer Phone Samsung Galaxy S25: 6.2″, 2340×1080 physical, 360×780 CSS px. The Samsung Galaxy S25 is the most compact phone in the S25 family, and its CSS viewport of 360×780 is one of the narrowest among modern flagships. The 360px width is the standard Samsung Galaxy design target — the viewport referenced in Samsung's own developer documentation and the width that Android-first designers optimize for when targeting Samsung's user base.