我在为智能手机创建 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从元视口看来仍然给我 720 宽度，同时收听更大尺寸的媒体查询，可以说是 1280。
这导致网页加载时的视图有些放大，可能是因为它认为 720 是最大宽度。
检查屏幕：
Galaxy S3 人像 (Chrome)
Galaxy S3 横向 (Chrome)
以上是在带有 Chrome 浏览器的三星 Galaxy S3 上测试的。
我有一个类似的问题，实际上更糟糕的是默认的 Android 浏览器称为“Internet”。在那里，它似乎忽略了所有 CSS 媒体查询，同时仍在监听视口。
检查画面：
Galaxy S3 纵向（默认）
