如何为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 }