什么是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刚刚公布。但是像往常一样，手机规格从来不会在CSS像素或DPR中提供 device-width 尺寸的元视口 width = device-width，initial-scale = 1 。

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）设备宽度< 6是375像素， iPhone 6 Plus是414像素。注意，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视口在移动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屋！