android - Android 媒体查询

Question

我正在尝试设置 MQ 以使站点响应。我已将其链接并且一切正常，但需要注意的是 max-width: 480px 不适用于 droid。当我将最大宽度提高到 900 像素左右时，它确实能识别我的移动样式表。

我还没有找到这个问题的答案，我尝试了一些视口(viewport)标签:

<meta name="viewport" content="width=device-width" />

和

<meta name="viewport" content="width=device-width, target-densityDpi=device-dpi">

使用媒体查询定位 Android 手机的最佳方式是什么？

Answer 1

您可能会遇到的一个问题是，Android 手机(甚至比 Apple 手机更甚)具有不同的像素宽度。

例如，如果您在 Samsung Galaxy S3 或 S4 上进行测试，这些手机的像素宽度在横向模式下远远超过 480 像素，甚至考虑到像素密度，因此媒体查询永远不会触发。对于一些较新的设备，您最好定位用户代理，然后根据该 header 响应提供移动查询。

另请参阅此 answer有关移动设备测试的更多详细信息。