[问题]WebView显示的网页在大分辨率屏下被放大 - 密度惹的祸
例如适合800px宽度的页面,如果通过WebView在1024px的屏幕宽度下显示时,内容(图片)会被放大,整体页面会超出屏幕。
试了将WebView的settings中的缩放都关闭了也不行。
后来发现了WebSettings.ZoomDensity这个设置,并在文档中找到了以下说明:
Enum for specifying the WebView's desired density. FAR makes 100% looking like in 240dpi MEDIUM makes 100% looking like in 160dpi CLOSE makes 100% looking like in 120dpi
(用于指定所需的WebView的密度显示。FAR makes100%看起来像240dpi MEDIUM makes100%看起来像160dpi CLOSE makes100%看起来像120dpi)
这样就能很好的说明以上问题的原因了,又是密度惹的祸...
默认WebView的ZoomDensity是MEDIUM,对应160dpi。而我之前800px宽度的屏幕对应的是60dpi,1024px宽度的屏幕对应的是240dpi(多数手机)。所以,页面在高分辨率的屏幕上被放大了1.5倍。这个和图片自缩放的机制是一样的。
于是,只要通过当前屏幕的密度,动态设置该属性就能适应不同屏幕(当然,默认你的页面是针对160dpi的密度大小设计的):
int screenDensity = getResources().getDisplayMetrics(). densityDpi ; // 你手机的显示密度
WebSettings.ZoomDensity zoomDensity = WebSettings.ZoomDensity. MEDIUM ;// 默认给值,现在的一般都超过了这个值240以上
switch (screenDensity){
case DisplayMetrics.DENSITY_LOW :
zoomDensity = WebSettings.ZoomDensity.CLOSE;
break ;
case DisplayMetrics.DENSITY_MEDIUM :
zoomDensity = WebSettings.ZoomDensity.MEDIUM;
break ;
case DisplayMetrics.DENSITY_HIGH :
zoomDensity = WebSettings.ZoomDensity.FAR;
break ;
}
webview .getSettings().setDefaultZoom(zoomDensity) ;
即可解决。