视口和CSS媒体查询获得不同的宽度？

Question

我在为智能手机创建css媒体查询时遇到问题，特别是对于三星Galaxy S3等Android设备。

看起来像<meta name="viewport" content="width=device-width, initial-scale=1.0" />并且CSS媒体查询在设备宽度上获得不同的数据。

如果我在纵向模式下持有我的Galaxy S3，它的屏幕是720 x 1280，看起来content="width=device-width元视口的content="width=device-width给我相同的宽度。

但是，如果我在横向模式下查看同一页面，看起来content="width=device-width来自元视口的content="width=device-width仍在给我720宽度，同时听取更大尺寸的媒体查询，可以说是1280。

这导致网页加载有一个稍微放大的视图，可能因为它认为720是最大宽度。

检查屏幕：

Galaxy S3 Portrait（Chrome）

Galaxy S3 Landscape（Chrome）

以上是使用Chrome浏览器在Samsung Galaxy S3上测试的。

我有一个类似的问题，实际上更糟糕的是默认的Android浏览器称为“Internet”。 它仍然在监听视口时忽略所有CSS媒体查询。

检查屏幕：

Galaxy S3 Portrait（默认）

Answer 1

尝试使用手机中的检查器来播放值和标签或向我们发送演示。 如果没有任何代码附加到您的问题，很难指出确切的问题。