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并查看是否可行吗？