我很迷惑.我试图通过播放媒体查询来使网站响应.
根据大多数消息来源,例如this,用于智能手机的mediq查询是max-device-width：480px,min-device-width：320px.
但是当我使用这些查询时,我的android 2.x仍然显示该页面的“计算机版本”.所以我开始更改查询的值,发现我的手机似乎有980px的设备宽度..
这是为什么？我真的很想掌握这一点,当我使用980时,我确实可以很高兴它的工作,但我想知道发生了什么,为什么？我的意思是我的手机不应该是980px宽或高,这是否是某种像素密度问题？
最佳答案
您可能想尝试使用max-width而不是max-device-width.它可能是像素密度的东西 – 最大设备宽度可能是报告设备像素而不是CSS像素.
要真正掌握这一点,你需要阅读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
