切换纵向横向肖像后丢失媒体查询匹配

Question

我真的不知道该如何处理这个事,我在安卓4.1.1的Galaxy Tab 2 7英寸平板电脑,并使用Chrome作为浏览器(v26.0.1410.58).我正在以纵向模式加载Web应用程序并且媒体查询匹配得很好,我将其切换到横向模式,一切都运行良好,但当我将其切换回纵向模式时,浏览器只是不应用任何样式在所有,调试与连接到PC的平板电脑的USB应用程序,我可以看到Chrome未找到任何媒体查询匹配了.

我正在申请的媒体查询是:

(设备宽度:600px)和(最大设备高度:1024px)和(最大宽度:600px)和(最小设备高度:976px)和(方向:纵向)

如果我在浏览器之前和之后检查设备的宽度和高度,它们根本不会改变.

一些可能有用的数据:

screen.width:600

screen.height:976

$(window).width():600

它只发生在这个设备上,我需要在此选项卡中支持该应用程序.

Answer 1

我没有您的设备可供测试，但我通常坚持使用更简单的媒体查询。

也许只尝试最大宽度而不是设备宽度。我发现这样做与基于百分比的布局相结合意味着我的布局不是特定于设备的。

@media（最大宽度：600px）{...}