如何为 iPad 应用媒体查询?

How to apply media query for iPads?

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

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

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

有什么我应该注意的问题吗?

你有没有试过,是这样的。省略设备,只输入最小宽度或最大宽度:

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