0

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

我还没有找到答案，我玩过一些视口标签：

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

和

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

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

4

2 回答 2

1

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

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

此外，有关移动设备测试的更多详细信息，请参阅此答案。

于 2013-09-11T18:29:27.670 回答
0

您想首先将元标记更改为

<meta name="viewport" content="width=device-width, initial-scale=1.0">

祝你好运！

于 2013-09-11T18:19:58.483 回答