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

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手机的宽度可能超过800px（更多的是平板电脑肖像）。您可能想要添加的是max-height，它可以检测到500px左右的“移动状态”并调整一些您可能需要与完整模式不同的东西。