如何在iPad上应用媒体查询？

Question

我正在使用CSS文件中的媒体查询来在最流行的设备上优化我的网站。以下行的问题不适用于iPad：

@media only screen and (min-device-width: 415px) and (max-device-width: 768px) {

即使iPad的宽度为768像素，CSS还是一团糟。有趣的是，当我在开发工具中使用移动设备模拟器时，一切看起来都很好。

我应该注意一些陷阱吗？

Answer 1

您是否尝试过，就像这样。省略设备，仅输入最小宽度或最大宽度：

@media (min-width: 415px) and (max-width: 768px) { css here }