我想知道为什么,在我的 Android ( HTC Incredible 2 )上,我刚发布的网站渲染最初放大/缩放?在iPhone / iOS上 - 它呈现宽度和桌面相同。
我已经在Wordpress Twenty Eleven主题( http://wordpress.org/extend/themes/twentyeleven )之上构建了网站 - 所以它的META仍然很有效。但我没有看到任何初始比例/变焦到位;我确实看到了合适的宽度元素。 EG <meta name="viewport" content="width=device-width" />
这是我的浏览器中我的浏览器的首选项吗?这样在META就位的情况下使用此网站?是按照浏览器设置的宽度,然后再次查看元? ..创建我的初始缩放?
建议吗
答案 0 :(得分:3)
Android有三种密度类别,默认情况下目标密度设置为中等。默认设置有效地放大页面。
要防止Android视口缩放(放大),您可以将视口密度设置为设备API。
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width" />
通过CSS定位设备密度
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.5)" href="hdpi.css" />
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="mdpi.css" />
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 0.75)" href="ldpi.css" />
来源:http://developer.android.com/guide/webapps/targeting.html#ViewportScale
上面的例子来自上面的源链接。