iPhone 4 | iPhone 5 | iPhone 6 | iPhone 6 Plus | |
---|---|---|---|---|
Display Size | 3.5 in | 4 in | 4.7 in | 5.5 in |
Screen Size | 320 x 480 points | 320 x 568 points | 375 x 667 points | 414 x 736 points |
Rendered Pixels | 640 x 960 (@2x) | 640 x 1136 (@2x) | 750 x 1334 (@2x) | 1242 x 2208 (@3x) |
Physical Pixels | 640 x 960 | 640 x 1136 | 750 x 1334 | 1080 x 1920 |
Pixels Per Inch (PPI) | 326 | 326 | 326 | 401 |
Browser Size Portrait | 320 x 372 px (320 x 440* / 320 x 460**) |
320 x 460 px (320 x 528* / 320 x 548**) |
375 x 559 px (375 x 627* / 375 x 647**) |
414 x 628 px (414 x 696* / 414 x 716**) |
Browser Size Landscape | 480 x 212 px (480 x 280* / 480 x 300**) |
568 x 212 px (568 x 280* / 568 x 300**) |
667 x 267 px (667 x 335* / 667 x 355**) |
736 x 306 px (736 x 374* / 736 x 394**) |
* – measurements with the small browser navigation bar
** – measurements without any browser chrome for a web app
Refereneces: http://www.kylejlarson.com/blog/2015/iphone-6-screen-size-web-design-tips/