对iPhone的媒体查询不起作用

Question

我一直试图尝试，但我的媒体查询不适用于iPhone。

@media only screen and (max-device-width: 667px) {} 

它应该支持所有的iPhone，高达6 Plus。有人可以帮忙吗？

Answer 1

在针对iPhone/iPhone 6的只是某些版本而言，这篇文章提供了一个有用的回应：iPhone 6 and 6 Plus Media Queries

要支持所有的小型设备中，667px标记下，你可以概括你的媒体查询：

@media only screen and (max-width: 667px) { 
    ... 
} 

如果您在您的桌面上测试这一点，只需配一个小窗口尺寸，其原因最大设备宽度可能没有为你工作是：

宽度与德副宽

在CSS媒体宽度和设备宽度之间的差异可能有点混乱，所以让我们稍微解释一下。设备宽度是指设备本身的宽度，换句话说，是设备的屏幕分辨率。

来源：http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml