Css 对iPhone的媒体查询不起作用

我一直在尝试，但我的媒体查询对iPhone不起作用

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

---

它应该支持所有的iPhone，最多支持6个以上。有人能帮忙吗？

关于只针对某些版本的iPhone/iPhone 6，这篇文章提供了一个有用的回复：

要支持所有小型设备，在667px标记下，您可以将媒体查询概括为：

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

如果您在桌面上测试此功能，仅使用较小的窗口大小，则最大设备宽度可能不适用于您的原因是：

宽度与设备宽度

在CSS媒体中，宽度和设备宽度之间的差异可能有点混乱，所以让我们对此进行一点阐述。设备宽度是指设备本身的宽度，也就是说，设备的屏幕分辨率

来源：

并检查