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) {
  ...
}

如果您在桌面上进行测试，只是窗口尺寸较小，那么max-device-width可能无法正常工作的原因是：

宽度与设备宽度

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