html - 如何防止 Chrome(桌面)使用媒体选择器激活纵向？

Question

我在我的 CSS 文件中定义了以下媒体选择器:

@media screen and (min-width: 600px) and (orientation: landscape),
       screen and (orientation: landscape)

这似乎适用于:

• Safari(在桌面/iphone/ipad 上)
• Firefox(桌面版)
• Internet Explorer(桌面版)

当浏览器窗口的大小调整到低于特定宽度时，桌面版 Chrome(在我的例子中是 v32)会从横向切换到纵向。

我的印象是桌面浏览器总是横向的...

有没有办法阻止 Chrome 这样做？

Answer 1

可以通过比较高度和宽度来确定方向。当窗口 width 小于其 height 时，方向将被视为纵向。

您可以考虑使用 deviceorientation 来强制进行准确检测。

此演示演示了当窗口高度高于其宽度时使用 CSS 方向从 landscape 到 portrait 的变化。 http://demo.hongkiat.com/css-orientation-styles/