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

时间:2014-09-09 23:01:43

标签: ios css iphone responsive-design viewport

iPhone 6和iPhone 6 Plus刚刚宣布。但通常情况下,手机规格永远不会在{1}}的CSS像素或DPR中提供元视口device-width尺寸。

Predictions已经制作,推测375 / 414px视口宽度,但仍然不清楚......

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

4 个答案:

答案 0 :(得分:46)

以下是包含详细信息的ios设备尺寸

enter image description here

References

答案 1 :(得分:37)

(css) iPhone 6的设备宽度为375px iPhone 6 Plus的设备宽度为414px 。请注意,iPhone 6 Plus报告window.devicePixelRatio = 3(而不是真正的3 DPR)

更新1 :只是为了澄清,我认为这不是预测,而是实际测试过。见more detailed and reputable reference。如果有疑问,您可以等待设备退出。

更新2 :对于在iPhone 6上启用Display Zoom的用户,移动Safari中的css视口回退到 320px (如iPhone 5);对于iPhone 6 Plus,它可以回退到 375px (比如iPhone 6)。

答案 2 :(得分:7)

根据CSSpixels

iPhone 6:1334x750,viewport 667x375

iPhone 6 +:2208x1242 *,视口736x414 *

* Virtual resolution is subsampled to fit 1920×1080 screen

答案 3 :(得分:-1)

设备宽度确实是375x667,但这并不意味着视口是那么大。这是一个经验样本。请注意,数字四舍五入为10。 Device-width vs. reported Viewport with sample data