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

Question

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

下面是媒体查询我用我的薄CSS文件：

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

是否有可能对大多数Android手机，我可以适应不同的宽度是多少？

Answer 1

像素尺寸没有可以被认为是面向未来的标准。

尝试使用物理宽度（例如15厘米），而不是以像素为单位的大小，这些大小在设备间会有很大差异。

Answer 2

大多数新的Android手机在横向模式下的宽度可能超过800像素（这是更多的平板电脑肖像）。您可能想要添加的内容虽然也是最大高度，但可以检测到500px左右的“移动风景”，并调整一些您可能需要与完整模式不同的内容。