css – iPhone 6和6 Plus响应断点

前端之家收集整理的这篇文章主要介绍了css – iPhone 6和6 Plus响应断点前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > 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的链接!)

原文链接:https://www.f2er.com/css/219849.html

猜你在找的CSS相关文章