我正在设计一个HTML页面,以便在Android浏览器中显示.考虑这个简单的示例页面:
Simple!
它在标准HVGA手机(320x480)上看起来很不错,但在HDPI WVGA尺寸(480x800或480x854)上,内置浏览器会自动缩放图像.它看起来很难看.
我已经读过,我应该可以使用此标记强制浏览器停止缩放页面:
为WebView添加dpi支持.
在"viewport"元标记中,您可以指定"target-densityDpi".如果未指定,则使用默认的160dpi.然后,视口标记中指定的1.0比例因子意味着G1上为100%,Sholes上为150%.如果将"target-densityDpi"设置为"device-dpi",则1.0比例因子在G1和Sholes上均为100%.
实现了Safari的window.devicePixelRatio和css媒体查询设备像素比.
因此,如果您使用"device-dpi"并根据window.devicePixelRatio修改font-size和image src的css,您可以在Sholes/Passion上获得更好的页面.
以下是"target-densityDpi"的选项列表.
device-dpi:使用设备的本机dpi作为目标dpi.low-dpi:120dpi medium-dpi:160dpi,这也是今天高dpi的默认值:240dpi:我们将70到400之间的任何数字作为有效目标dpi.
不确定它是否有所作为,但文档没有大写任何一个 - 它的目标密度dpi不是target-densityDpi,如 http:/ /developer.android.com/reference/android/webkit/WebView.html
2> user141682..:It's now part of the API documentation for the WebView: http://developer.android.com/reference/android/webkit/WebView.html
See the section entitled Building web pages to support different screen densities