What are the device-width css viewport sizes of the iPhone6 and iPhone 6 Plus

*爱你&永不变心* 提交于 2019-11-27 17:52:16

(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)

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.

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).

Below is the ios Device Sizes with detailed information

References

According to CSSpixels

iPhone 6: 1334x750, viewport 667x375

iPhone 6+: 2208x1242 *, viewport 736x414 *

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

Device-width is indeed 375x667, but that does not mean the viewport is that size. Here is an empirical sample. Note that the numbers are rounded to the 10s.

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!