ios 5,6,6+ 屏幕适配

                                                                                        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 就不是了。）