CSS 媒体查询仅适用于 iPad 横向

Question

在开始之前，衷心感谢您抽出宝贵的时间。

我无法在横向模式下使用 CSS 媒体查询定位 iPad。纵向模式运行没有问题，类似的查询在 iPhone 上运行。我正在使用引导程序。

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* STYLES GO HERE */}

没有按预期工作；然而，

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

和

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { /* STYLES GO HERE */}

仅在纵向模式下工作正常。搜索时，我只能找到描述问题的人而没有解决方案。我愿意接受任何其他工作，甚至是指向正确方向的链接。同样，也许这是一个引导程序特定的问题？感谢您的宝贵时间。

Answer 1

看起来您的 CSS 和 CSS here 之间存在一些差异。值得注意的是，您的 CSS 中似乎没有 and (-webkit-min-device-pixel-ratio: 1)，并且不同 iPad 版本的设备宽度有很大不同。你可以试试链接中的一些 CSS 看看是否有效？