媒体查询在浏览器中工作正常，但没有

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) 

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