iphone5/s iPhone 6 iPhone 6 Plus
尺寸 4” 4.7” 5.5”
Viewport’s device-width (in CSS pixels) 320 375 414
Viewport’s device-width (Android设备同分辨率参考) 360 360 400
Device Pixel Ratio 像素比 2 2 3 (近似值)
Rendered Pixels 渲染像素 (默认 viewport size * dpr) 640x1136 750×1334 1242×2208
Physical pixels 物理像素（手机显示像素） 640x1136 750×1334 1080×1920
PPI 每英寸所拥有的像素数 326 326 401
Status Bar 状态栏高 (px) 40 40 60
Title Bar 导航条高 (px) 88 88 132
Tab Bar 底栏高 (px) 98 98 147
桌面 icon (px) 120 120 180
图片资源后缀名 @2x @2x @3x
这 里是给前端参考的：iPhone 6与 iphone 5一样，像素比都是2，但是另一方面 iPhone 6 plus 401的dpi真实的像素比值应该大约是2.60。为了解决这个问题，苹果又整了个新概念rendered pixels 渲染像素，如果像素比是3x,那么理论上一个css宽设为414px的屏幕应该拥有1242px的物理像素（现实中是1080px，小了13%）。（像素 比的计算方法是：前端的代码是把iPhone4，5的屏幕宽度写为320px，而此时 iphone4，5的所有产品实际宽的像素是640PX，所以像素比是2，iphone6的 CSS 中是375px,实际像素是750px,像素比也是2，而 plus 就不是了。）