Screen size comparisons for web design
Popular devices side by side in CSS pixels: the numbers that decide whether your layout fits, not the marketing resolution.
- iPhone 18 Pro vs iPhone 18 Pro Max402×874 vs 440×956 CSS px
- iPhone 17 Pro vs iPhone 17 Pro Max402×874 vs 440×956 CSS px
- iPhone 17 vs iPhone Air402×874 vs 420×912 CSS px
- iPhone 17 vs iPhone 17e402×874 vs 390×844 CSS px
- iPhone 17 Pro vs Samsung Galaxy S25402×874 vs 360×780 CSS px
- iPhone 17 Pro vs Google Pixel 10402×874 vs 412×924 CSS px
- iPhone Duo — outer screen vs iPhone 17 Pro382×678 vs 402×874 CSS px
- Samsung Galaxy S25 vs Samsung Galaxy S25 Ultra360×780 vs 384×832 CSS px
- Samsung Galaxy S26 vs Samsung Galaxy S26 Ultra360×780 vs 384×832 CSS px
- Google Pixel 10 vs Google Pixel 10 Pro XL412×924 vs 448×998 CSS px
- iPad Air 11″ (M2–M4) vs iPad Pro 11″ (M4/M5)820×1180 vs 834×1210 CSS px
- iPad mini (A17 Pro) / 6th gen vs iPad Air 11″ (M2–M4)744×1133 vs 820×1180 CSS px
- MacBook Air 13″ (M2–M5) vs MacBook Air 15″ (M2–M5)1470×956 vs 1710×1107 CSS px
- MacBook Air 13″ (M2–M5) vs MacBook Pro 14″ (2021–2026)1470×956 vs 1512×982 CSS px
- MacBook Pro 14″ (2021–2026) vs MacBook Pro 16″ (2021–2026)1512×982 vs 1728×1117 CSS px
- 15.6″ / 17″ Full HD @ 125% vs 24″ Full HD 1920×10801536×864 vs 1920×1080 CSS px
- iPhone 16 vs iPhone 17393×852 vs 402×874 CSS px
- iPhone 16 Pro vs iPhone 17 Pro402×874 vs 402×874 CSS px
- iPhone 16 Pro Max vs iPhone 17 Pro Max440×956 vs 440×956 CSS px
- iPhone 17 vs iPhone 17 Pro402×874 vs 402×874 CSS px
- iPhone Air vs iPhone 17 Pro Max420×912 vs 440×956 CSS px
- iPhone 17 Pro Max vs Samsung Galaxy S25 Ultra440×956 vs 384×832 CSS px
- iPhone 17 Pro Max vs Google Pixel 10 Pro XL440×956 vs 448×998 CSS px
- iPhone SE (2nd & 3rd gen) vs iPhone 17e375×667 vs 390×844 CSS px
- iPhone 15 / 15 Pro vs iPhone 16393×852 vs 393×852 CSS px
- iPhone 14 / 13 / 12 vs iPhone 15 / 15 Pro390×844 vs 393×852 CSS px
- iPhone 17 Pro vs iPhone 18 Pro402×874 vs 402×874 CSS px
- Samsung Galaxy S24 vs Samsung Galaxy S25360×780 vs 360×780 CSS px
- Samsung Galaxy S25 vs Samsung Galaxy S26360×780 vs 360×780 CSS px
- Samsung Galaxy S25 Ultra vs Samsung Galaxy S26 Ultra384×832 vs 384×832 CSS px
- Samsung Galaxy S25 Ultra vs Google Pixel 10 Pro XL384×832 vs 448×998 CSS px
- Samsung Galaxy A56 / A36 vs Samsung Galaxy S25384×832 vs 360×780 CSS px
- Samsung Galaxy Z Fold 7 — cover vs Samsung Galaxy Z Fold 7 — unfolded412×960 vs 750×832 CSS px
- iPhone Duo — outer screen vs iPhone Duo — unfolded382×678 vs 951×669 CSS px
- Google Pixel 9 vs Google Pixel 10412×924 vs 412×924 CSS px
- Google Pixel 10 Pro vs Google Pixel 10 Pro XL427×952 vs 448×998 CSS px
- iPad 11″ (A16) / 10th gen vs iPad Air 11″ (M2–M4)820×1180 vs 820×1180 CSS px
- iPad Pro 11″ (M4/M5) vs iPad Pro 13″ (M4/M5)834×1210 vs 1032×1376 CSS px
- iPad Air 13″ (M2–M4) vs iPad Pro 13″ (M4/M5)1024×1366 vs 1032×1376 CSS px
- MacBook Air 15″ (M2–M5) vs MacBook Pro 16″ (2021–2026)1710×1107 vs 1728×1117 CSS px
- MacBook Air 13″ (M2–M5) vs MacBook Neo 13″1470×956 vs 1408×881 CSS px
- HD laptop 1366×768 vs 15.6″ / 17″ Full HD @ 125%1366×768 vs 1536×864 CSS px
- 24″ Full HD 1920×1080 vs 27″ QHD 2560×14401920×1080 vs 2560×1440 CSS px
Does your site fit?
Paste your address (or localhost:3000). doesitfit shows it on real screen sizes at once and tells you, bluntly, where it spills.
Free, no sign-up. Or ask Claude, ChatGPT or Codex to check it.