iPhone6 和 iPhone 6 Plus 的设备宽度 css 视口尺寸是多少 [英] What are the device-width css viewport sizes of the iPhone6 and iPhone 6 Plus

问题描述

iPhone 6 和 iPhone 6 Plus 刚刚发布.但像往常一样，手机规格从来没有在 width=device-width,initial-scale=1 处提供 CSS 像素或 DPR 中的元视口 device-width 大小.

The iPhone 6 and iPhone 6 Plus were just announced. But as usual, phone specs never give the meta viewport device-width sizes in CSS Pixels or DPR at width=device-width,initial-scale=1.

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

Predictions have been made, speculating on 375/414px viewport width, but that still remains unclear...

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

NB: Please don't speculate or post answers with the known overall device resolution or specs, it's not what I am looking for. I want the default responsive portrait and landscape viewport-width in pixels.

推荐答案

(css) device-width iPhone 6 为 375px，iPhone 6 Plus 为 414px.请注意，iPhone 6 Plus 报告 window.devicePixelRatio = 3(虽然不是真正的 3 DPR)

(css) device-width of iPhone 6 is 375px, of iPhone 6 Plus is 414px. Note that iPhone 6 Plus report window.devicePixelRatio = 3 (while not truly at 3 DPR)

更新 1:澄清一下，我相信这不是预测，而是经过实际测试.请参阅更详细且信誉良好的参考资料.如果有疑问，您可以等待设备出来.

Update 1: just to clarify, I believe this is NOT a prediction, but actually tested. See more detailed and reputable reference. If in doubt, you can wait for device to be out.

更新 2:适用于在 iPhone 6、css 上启用了显示缩放的用户Mobile Safari 中的视口回退到 320px(如 iPhone 5)；对于 iPhone 6 Plus，它回退到 375px(如 iPhone 6).

Update 2: for users with Display Zoom enabled on iPhone 6, css viewport in Mobile Safari fallback to 320px (like iPhone 5); for iPhone 6 Plus, it fallback to 375px (like iPhone 6).

这篇关于iPhone6 和 iPhone 6 Plus 的设备宽度 css 视口尺寸是多少的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！