让 Android 手机在横向模式下使用移动格式的正确 CSS 媒体查询是什么？答案

【问题标题】：What is the proper CSS media query to get Android phones to use the mobile format in landscape mode?让 Android 手机在横向模式下使用移动格式的正确 CSS 媒体查询是什么？
【发布时间】：2012-03-07 02:00:51
【问题描述】：

我正在通过 CSS 媒体查询为客户网站构建响应式主题。它在 iPhone 和 Android 上以纵向模式显示移动网站，但在 Android 上，常规网站以横向模式显示（iPhone 以横向模式显示移动网站）。

这是我在我的瘦 CSS 文件中使用的媒体查询：

all and (max-width: 480px), (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2)

我可以容纳的大多数 Android 手机的宽度可能不同吗？

【问题讨论】：

标签： css mobile media-queries responsive-design

【解决方案1】：

没有可以被视为面向未来的标准的像素大小。

尝试使用物理宽度（例如 15 厘米）而不是像素大小，因为设备之间的差异很大。

【讨论】：

【解决方案2】：

大多数新的 Android 手机在横向模式下的宽度可能超过 800 像素（这更多地属于平板电脑纵向）。您可能还想添加 max-height ，它可以检测到 500 像素以下是“移动景观”，并调整一些您可能需要与完整模式不同的东西。

【讨论】：