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 次