android - 告诉智能手机浏览器对 CSS 媒体查询使用实际分辨率

Question

我有一个用于我的书签的网站，它适用于所有带有 CSS 媒体查询的分辨率。如果我缩小我的 Firefox 窗口，它工作得很好:

http://wstaw.org/m/2013/03/21/Bookmarks_-_Mozilla_Firefox_001.png

http://wstaw.org/m/2013/03/21/Bookmarks_-_Mozilla_Firefox_002.png

然而，在我的 Android 4.0 手机上，使用普通浏览器，它显示了一个更宽的网站版本，但按比例缩小了。这样是非常不可用的:

http://wstaw.org/m/2013/03/21/Screenshot_2013-03-21-13-36-57.png

有没有办法告诉浏览器为媒体查询使用实际的设备分辨率，而不是它组成的某个分辨率？

Answer 1

这个标签应该可以帮助你:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">

地点:

initial-scale=x - 在打开时将比例设置为 x

maximum-scale=y - 允许缩放最大 y 次