css – 为什么我的Android设备宽度为980px？

我很迷惑.我试图通过播放媒体查询来使网站响应.

根据大多数消息来源,例如this,用于智能手机的mediq查询是max-device-width：480px,min-device-width：320px.

但是当我使用这些查询时,我的android 2.x仍然显示该页面的“计算机版本”.所以我开始更改查询的值,发现我的手机似乎有980px的设备宽度..

这是为什么？我真的很想掌握这一点,当我使用980时,我确实可以很高兴它的工作,但我想知道发生了什么,为什么？我的意思是我的手机不应该是980px宽或高,这是否是某种像素密度问题？

最佳答案

您可能想尝试使用max-width而不是max-device-width.它可能是像素密度的东西 – 最大设备宽度可能是报告设备像素而不是CSS像素.

这是一个测试页面：

> http://jsfiddle.net/56XhE/

要真正掌握这一点,你需要阅读Peter-Paul Koch的“两个视口故事”：

> http://www.quirksmode.org/mobile/viewports.html
> http://www.quirksmode.org/mobile/viewports2.html

可能他建议为移动设备做CSS：

> http://www.quirksmode.org/blog/archives/2010/09/combining_meta.html

原文地址：https://www.jb51.cc/css/427330.html