【发布时间】：2014-11-03 15:17:30
【问题描述】：
我一直在尝试，但我的媒体查询不适用于 iPhone。
@media only screen and (max-device-width: 667px) {}
它应该支持所有 iPhone，直到 6 Plus。有人可以帮忙吗？
【问题讨论】：
标签： css responsive-design media-queries
【发布时间】：2014-11-03 15:17:30
【问题描述】：
就仅针对 iPhone / iPhone 6 的某些版本而言，这篇文章提供了一个有用的回复：iPhone 6 and 6 Plus Media Queries
为支持所有小型设备，在 667px 标记下，您可以将媒体查询概括为：
@media only screen and (max-width: 667px) {
...
}
如果您是在桌面上进行测试，并且窗口很小，那么 max-device-width 可能对您不起作用的原因是：
宽度与设备宽度
在 CSS 媒体中，width 和 device-width 之间的区别可能有点混乱，所以让我们稍微解释一下。 device-width指的是设备本身的宽度，也就是设备的屏幕分辨率。
来源：http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml
【讨论】：