iPhone 6和iPhone 6 Plus刚刚发布。但是像往常一样,电话规格从不提供device-widthCSS Pixels或DPR中的meta视口大小width=device-width,initial-scale=1。
device-width
width=device-width,initial-scale=1
已经做出了预测,推测在375/414像素视口宽度上,但是仍然不清楚…
注意:请不要以 已知的 整体设备分辨率或规格来推测或发布答案,这不是我想要的。我想要默认的响应纵向和横向视口宽度(以像素为单位)。
(css) iPhone 6的 设备宽度 是375px , iPhone 6 Plus的是414px 。请注意,iPhone 6 Plus的报告window.devicePixelRatio = 3(虽然不是真正的3 DPR)
window.devicePixelRatio = 3
更新1 :只是为了澄清,我相信这不是预测,而是经过实际测试如有疑问,您可以等待设备退出。
更新2 :对于在iPhone 6上启用了“ 显示缩放”功能的用户,Mobile Safari中的CSS视口会回 退到320px (例如iPhone 5);对于iPhone 6 Plus,它回 退到375px (如iPhone 6)。