什么是iPhone6和iPhone 6 Plus的设备宽度的CSS视口大小

iPhone 6和iPhone 6 Plus刚刚宣布。 但是像往常一样，手机规格决不会在CSS像素或DPR width=device-width,initial-scale=1给出元视口device-width大小。

已经做了预测 ，推测视口宽度为375 / 414px，但仍然不清楚…

注意：请不要以已知的整体设备分辨率或规格来推测或发布答案，这不是我正在寻找的。 我需要以像素为单位的默认响应纵向和横向视口宽度。

Answer 1

（css） iPhone 6的设备宽度是375px ， iPhone 6 Plus的是414px 。 请注意，iPhone 6 Plus报告window.devicePixelRatio = 3 （而不是真正在3 DPR）

更新1 ：只是为了澄清，我相信这不是一个预测，但实际上testing。 看到更详细和有信誉的参考 。 如果有疑问，您可以等待设备出局。

更新2 ：对于在iPhone 6上启用显示缩放的用户，移动Safari中的css视口回退到320px （如iPhone 5）; 对于iPhone 6 Plus，它可以回退到375px （如iPhone 6）。

Answer 2

以下是具有详细信息的ios设备尺寸

参考

Answer 3

根据CSSpixels

iPhone 6：1334×750，视口667×375

iPhone 6+：2208×1242 *，视口736×414 *

* 虚拟分辨率是二次采样，以适应1920×1080的屏幕 。

Answer 4

设备宽度确实是375×667，但这并不意味着视口就是这个尺寸。 这是一个经验性的例子。 请注意，数字四舍五入到十几岁。