iPhone 6和6 Plus响应断点 [英] iPhone 6 and 6 Plus Responsive Breakpoints
问题描述
根据苹果网站:
iPhone 6的分辨率为1334x750像素,分辨率为326 ppi,对比度为1400:1(典型值)
The iPhone 6 has 1334-by-750-pixel resolution at 326 ppi with 1400:1 contrast ratio (typical)
iPhone 6+的分辨率为1920 x 1080像素,分辨率为401 ppi,对比度为1300:1(典型值)
The iPhone 6+ has 1920-by-1080-pixel resolution at 401 ppi with 1300:1 contrast ratio (typical)
然而,CSS媒体查询响应的断点是什么? (纵向和横向)
However, what would the CSS media query responsive breakpoints be for each? (portrait and landscape)
我不完全明白如何使用各种响应模拟器测试视网膜屏幕大小。任何帮助将不胜感激。
I don't fully understand how to test the retina screen sizes using the various responsive emulators out there. Any help would be much appreciated.
推荐答案
您引用的是设备的物理像素,而不是css device-width
sizes。根据此 tweet ,两者的设备宽度为:
You're referencing the physical pixels of the device, rather than the css device-width
sizes. According to this tweet, the device-widths for the two will be:
iPhone 6: 375px (2.0 DPR)
iPhone 6 Plus: 414px (2.6 DPR)
知道(假设tweet是正确的),并假设你使用正确的 meta viewport
标签,查看大致:
Knowing that (and assuming the tweet is correct), and assuming your using the proper meta viewport
tag, you're looking at roughly:
iPhone 6: 375px (portrait), 667px (landscape)
iPhone 6 Plus: 414 (portrait), 736px (landscape)
希望这有助于!
编辑:
关于iPhone 6的 2.6 DPR
此外, 3.0 DPR
实际上缩小了 1.15
,这导致 2.6 DPR
。有关详情,请访问 http://www.paintcodeapp.com/news/iphone-6-screens-神秘化(感谢@mdcarter的链接!)
Regarding the 2.6 DPR
of the iPhone 6 Plus, it's actually 3.0 DPR
downsized by 1.15
, which results in 2.6 DPR
. More info can be found at http://www.paintcodeapp.com/news/iphone-6-screens-demystified for clarification (thanks @mdcarter for the link!)
这篇关于iPhone 6和6 Plus响应断点的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!