0

我想知道为什么在我的Android ( HTC Incredible 2 ) 上,我刚刚发布的网站最初是放大/缩放的渲染?在 iPhone / iOS 上 - 它呈现与桌面相同的宽度。

我已经在 Wordpress 211 主题 ( http://wordpress.org/extend/themes/twentyeleven ) 之上建立了网站 - 所以它的 META 仍然完好无损。但是我没有看到任何具有初始比例/缩放的地方;我确实看到了适合宽度的元数据。例如 <meta name="viewport" content="width=device-width" />

这是我设备中每个浏览器的偏好,它以这种方式使用 META 吗?它是根据浏览器设置获取宽度,然后再次查看元数据吗?..创建我的初始缩放?

建议?

4

1 回答 1

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

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

于 2012-05-22T04:59:31.100 回答