iPhone6 和 iPhone 6 Plus 的设备宽度 css 视口大小是多少答案

【问题标题】：What are the device-width css viewport sizes of the iPhone6 and iPhone 6 PlusiPhone6 和 iPhone 6 Plus 的设备宽度 css 视口大小是多少
【发布时间】：2014-11-03 11:28:53
【问题描述】：

iPhone 6 和 iPhone 6 Plus 刚刚发布。但像往常一样，手机规格从不会在 CSS Pixels 或 DPR 中以 width=device-width,initial-scale=1 提供元视口 device-width 的大小。

Predictions 已制作完成，推测视口宽度为 375/414px，但仍不清楚...

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

【问题讨论】：

标签： ios css iphone responsive-design viewport

【解决方案1】：

下面是带有详细信息的 ios 设备尺寸

References

【讨论】：

【解决方案2】：

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

更新 1：澄清一下，我相信这不是预测，而是经过实际测试。见more detailed and reputable reference。如有疑问，您可以等待设备退出。

更新 2：对于在 iPhone 6 上启用 Display Zoom 的用户，Mobile Safari 中的 css 视口回退到 320px（如 iPhone 5）；对于 iPhone 6 Plus，它回退到 375px（如 iPhone 6）。

【讨论】：

我在等待消息来源。显然是先从 xcode 中删除，然后针对 Apple 网站上现有的 413px 断点进行验证。所以 375px 和 414px 必须是准确的。谢谢指点。
对于那些想知道完整尺寸（包括高度）的人：iP6 为 375x667，iP6+ 为 414x736。
感谢更新 2！
我花了将近半天的时间来弄清楚为什么我的 iPhone6+ 设备的 css 更改没有显示在我的 iPhone 上。然后我才发现，我的视口大小一直报告为 375px，因为我的设备显示已缩放。

【解决方案3】：

根据CSSpixels

iPhone 6：1334x750，视口 667x375

iPhone 6+：2208x1242 *，视口 736x414 *

*Virtual resolution is subsampled to fit 1920×1080 screen.

【讨论】：

截屏时，图像为 1334x750 像素。那么为什么浏览器只使用320px呢？

【解决方案4】：

设备宽度确实是 375x667，但这并不意味着视口就是那个大小。这是一个经验样本。请注意，数字四舍五入到 10。

【讨论】：

这就是我提到“设备宽度”css 视口大小的原因。暗示默认的设备宽度或“设备高度”。不是视口宽度或高度。
你的意思是视口不是那个大小？？视口确实是 375x667，而分辨率要大得多...