什么是适当的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 in )，而不是像素大小，因为不同设备的像素大小会有很大差异。

Answer 2

大多数新的安卓手机在横向模式下的宽度可能超过800px (这更像是平板电脑的肖像)。你可能想要添加的是max-height，它可以检测到低于500px左右是一个“移动场景”，并调整一些你可能需要与全模式不同的东西。