Foldable Phone Screen Sizes Compared

Foldable display rankings

Rankings are generated from the same specs as the table above. Compactness uses folded width × height in millimeters, not display diagonal.

Why foldable diagonals are misleading

Phone and tablet screen size is quoted as a diagonal in inches. That single number hides the shape of the panel. Foldables are usually squarer than tall slab phones, so the same diagonal can mean more reading area but less full-screen 16:9 video.

• Diagonal length does not equal usable area — aspect ratio sets width and height.
• Book-style foldables trade phone-like height for tablet-like width when open.
• Video often letterboxes on inner displays; maps, documents, and split-screen apps benefit more from extra area.
• Cover displays use different aspect ratios than inner screens, so CSS breakpoints should not assume one viewport per device.

Foldable phone types

Foldable CSS viewport sizes

We only list CSS viewport widths and heights that have been verified on real hardware. Guessing from resolution and DPR is not reliable on foldables because scaling, cover vs inner modes, and browser chrome differ by model. Use the live viewport checker on your device, or browse verified rows below when available. Open the viewport checker.

Popular foldable comparisons

• iPhone Duo vs Galaxy Z Fold8

  7.6" vs 7.6" inner · +2.9% main area

  430 vs 404 PPI · cover 6.3" vs 6.4"

• Galaxy Z Fold8 vs Fold8 Ultra

  7.6" vs 8" inner · +13.5% main area

  404 vs 421 PPI · cover 6.4" vs 6.5"

• Galaxy Z Flip8 vs Razr 50 Ultra

  6.9" vs 6.9" inner · -2.4% main area

  397 vs 413 PPI · cover 4.2" vs 4"

• Pixel 11 Pro Fold vs OnePlus Open

  8" vs 7.82" inner · -5.3% main area

  375 vs 426 PPI · cover 6.4" vs 6.31"

• Pixel 9 Pro Fold vs Pixel 11 Pro Fold

  8" vs 8" inner · -1.8% main area

  374 vs 375 PPI · cover 5.8" vs 6.4"

Related guides

• Most Common Screen Resolutions in 2026: Desktop and Mobile

  On desktops, 1920×1080 remains the volume king, with 1440p and 4K rising on larger monitors. On phones, most panels land in the 1080–1440 pixel-wide range. Here is what that means for everyday use and responsive design.

• iPhone 17, Air & Pro Max Screen Sizes: Inches, Resolution, PPI

  The iPhone 17 is 6.3 inches, the iPhone Air 6.6 inches, and the iPhone 17 Pro Max 6.9 inches. This chart lists every iPhone 17 model's screen size, resolution, pixel density, aspect ratio, and approximate CSS viewport width.

• How Screen Size Impacts Web Design & UX: Best Practices Explained

  Learn how screen size affects web design and user experience. Discover best practices for responsive layouts and improving engagement across devices.

• Best Dual Monitor Setup Size: How to Pick Screen Sizes That Actually Work Together

  For most people, the best dual-monitor setup is two 27-inch monitors at 1440p. It gives you a large, matched workspace without overwhelming a normal desk. Tighter desk? Go 24-inch pairs. Heavy multitasking? Consider 27-inch plus ultrawide.

• 100dvh vs 100vh: Fix the Mobile Full-Height Bug

  On phones, 100vh often counts space behind the browser UI, so full-height layouts jump or overflow. 100dvh follows the visible viewport. Use this guide plus the live CSS viewport units tool to pick vh, dvh, svh, or lvh.

• Samsung Galaxy S25 & S26 Screen Sizes: Inches, Resolution, PPI

  The Galaxy S25 measures 6.2 inches and the S25 Ultra 6.9 inches. This guide lists every Galaxy S25 and S26 model's screen size, resolution, pixel density, aspect ratio, refresh rate, and approximate CSS viewport width in one chart.

Foldable screen size FAQ

What is the largest foldable phone screen?

Among foldables in our database, Galaxy Z Fold8 Ultra has the largest inner display at 8" (2504 × 2256, 421 PPI). Rankings update when we add new models.

How is a foldable phone screen measured?

Manufacturers measure the active display diagonally in inches, usually excluding rounded corners. Foldables are rated separately for cover and inner panels. Our table lists both where available, plus resolution and derived PPI from those specs.

Does a foldable phone have two screen sizes?

Yes. Book-style and flip foldables have a cover (outer) display when closed and a larger main display when open. Each has its own diagonal, resolution, and aspect ratio — treat them as two different layout targets for apps and websites.

Is a 7.6-inch foldable larger than a 7-inch phone?

A ~7.6" foldable inner panel is often squarer than a 7" tall phone or mini tablet. In our data, iPhone Duo inner area is about 27.3 sq in versus 31.7 sq in for the iPad mini (7th gen, A17 Pro, 2024) — roughly 13.9% less area despite similar diagonals. Video in 16:9 still letterboxes on the foldable.

What is the difference between a cover and inner display?

The cover display is what you use when the device is folded shut. The inner (main) display opens for the full canvas. Cover screens are narrower; inner screens are wider on book-style foldables. PPI, refresh rate, and brightness can differ between the two.

Does the crease reduce usable screen area?

The crease is a physical fold line, not subtracted from the marketed diagonal. It can affect touch and visibility along a thin band in the middle. UI safe zones and game controls sometimes avoid the hinge region even though the full resolution is still available.

Do websites need special breakpoints for foldables?

You need layouts that work at both narrow cover widths and wide inner widths — often the same techniques as responsive design for phones and tablets. Test real viewports with our breakpoint checker; do not assume one CSS width per foldable model.

What CSS viewport size does a foldable phone use?

It depends on which display is active and how the browser reports CSS pixels. Cover and inner modes differ, and system scaling changes `window.innerWidth`. We only publish CSS viewport sizes when verified on hardware; otherwise use the live viewport checker on your phone.

Explore more tools

• All devices

  Full phone, tablet, and monitor database

• Foldable comparison table

  Cover and inner screen sizes in one place

• Compare devices

  Pick any two models side by side

• Screen resolution checker

  Read your panel resolution live

• Viewport checker

  Live CSS viewport width and height

• Breakpoint checker

  Test widths against Tailwind breakpoints

• PPI calculator

  Pixel density from size and resolution

• Aspect ratio calculator

  Width, height, and ratio conversions