告诉智能手机浏览器将实际分辨率用于CSS媒体查询

时间:2013-03-21 12:49:58

标签: android media-queries

我的书签网站适用于所有使用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

有没有办法告诉浏览器使用媒体查询的实际设备分辨率而不是它所构成的某些分辨率?

1 个答案:

答案 0 :(得分:1)

此标记可以帮助您:

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

其中:

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

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