Android网站放大/缩放 - iOS适合屏幕?

时间:2012-05-10 15:14:39

标签: android mobile responsive-design meta-tags

我想知道为什么,在我的 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就位的情况下使用此网站?是按照浏览器设置的宽度,然后再次查看元? ..创建我的初始缩放?

建议吗

1 个答案:

答案 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

上面的例子来自上面的源链接。