当前位置:  开发笔记 > 前端 > 正文

如何让WVGA Android浏览器停止缩放图像?

如何解决《如何让WVGAAndroid浏览器停止缩放图像?》经验,为你挑选了2个好方法。

我正在设计一个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

推荐阅读
周扒pi
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有