ipad - 媒体查询在浏览器中工作正常但不是

Question

我开发了这个页面：

http://bluebeam.com/us/support/ipad/

媒体查询在每个浏览器中都可以正常工作，但是当我在 ipad 上对其进行测试时，它什么也没做……它只是恢复到正常的 CSS。我已经清除了 iPad 上的浏览​​数据，但没有结果。我可以看到它在我的 iPhone 上运行。

谁能发现我的代码有问题？

编辑：第一个查询（水平布局）正在工作。但是当我翻转 ipad（垂直布局）时，第二个没有触发。

Answer 1

如果我没记错的话，iPad 会在方向改变时交换宽度/高度值。我会试试这个：

/* portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)

/* landscape */
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 768px) 

自从我遇到类似的问题以来已经有一年了，所以我可能有点落后于时代。