参见英文答案 >
iPhone 6 and 6 Plus Media Queries5个答案根据苹果网站:
iPhone 6具有326ppi的1334×750像素分辨率,1400:1的对比度(典型值)
iPhone 6在401ppi下具有1920×1080像素的分辨率,1300:1的对比度(典型值)
但是,CSS媒体如何查询每个响应的断点? (肖像和风景)
我完全不了解如何使用各种响应式模拟器测试视网膜屏幕尺寸。任何帮助将不胜感激。
解决方法
您正在引用设备的物理像素,而不是css设备宽度大小。根据这个
tweet,两者的设备宽度将是:
iPhone 6: 375px (2.0 DPR) iPhone 6 Plus: 414px (2.6 DPR)
知道(假设推文是正确的),假设您使用正确的元视口标签,您大致看:
iPhone 6: 375px (portrait),667px (landscape) iPhone 6 Plus: 414 (portrait),736px (landscape)
希望这可以帮助!
编辑:
关于iPhone 6 Plus的2.6 DPR,实际上是3.0 DPR,缩小了1.15,这导致了2.6 DPR。更多信息可以在http://www.paintcodeapp.com/news/iphone-6-screens-demystified找到澄清(感谢@mdcarter的链接!)