Android教程：Webview自适应屏幕

 第一种：
    settings.setUseWideViewPort(true);
    settings.setLoadWithOverviewMode(true);
    第二种：用于4.4以下机型
    WebSetting settings = webView.getSettings();
    settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
    把所有内容放在webview等宽的一列中。（可能会出现页面中链接失效）
    第三种：
    DisplayMetrics metrics = new DisplayMetrics();
    getWindowManager().getDefaultDisplay().getMetrics(metrics);
    int mDensity = metrics.densityDpi;
    if (mDensity == 120) {
    settings.setDefaultZoom(ZoomDensity.CLOSE);
    }else if (mDensity == 160) {
    settings.setDefaultZoom(ZoomDensity.MEDIUM);
    }else if (mDensity == 240) {
    settings.setDefaultZoom(ZoomDensity.FAR);
    }
   这方法可以让你的页面适应手机屏幕的分辨率，完整的显示在屏幕上，可以放大缩小。


例如适合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的ZoomDensity是MEDIUM，对应160dpi。而我之前800px宽度的屏幕对应的是60dpi，1024px宽度的屏幕对应的是240dpi。所以，页面在高分辨率的屏幕上被放大了1.5倍。这个和图片自缩放的机制是一样的。 


于是，只要通过当前屏幕的密度，动态设置该属性就能适应不同屏幕（当然，默认你的页面是针对160dpi的密度大小设计的）,即可解决： 
int screenDensity = getResources().getDisplayMetrics().densityDpi ;   
WebSettings.ZoomDensity zoomDensity = WebSettings.ZoomDensity.MEDIUM ;   
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 ;  
}  
webSettings.setDefaultZoom(zoomDensity);