Android WebView显示图片适配屏幕宽度

我们在开发中，显示信息详情时，一般后台会给出html文本，在android端一般采用webview控件来展示，但是后台给出的html文本一般是给电脑端用的，没有自适配手机，导致手机端图片显示过大，需要左右移动来查看全图。下面给出几种实用方法，达到在手机端用webview展示html中的图片，能自适应手机屏幕展示。

需要用webview控件进行展示html文本，为使文字也自适应手机屏幕大小，需要先对android webview控件的属性进行相应设置，这里bindingView.contentWv代表webview控件。

WebSettings webSettings = bindingView.contentWv.getSettings();//获取webview设置属性
webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);//把html中的内容放大webview等宽的一列中
webSettings.setJavaScriptEnabled(true);//支持js
webSettings.setBuiltInZoomControls(true); // 显示放大缩小
webSettings.setSupportZoom(true); // 可以缩放
 
 
 

  
1
  
2
  
3
  
4
  
5
 

下面介绍三种常用的方法：

方法一：直接替换html文本中img标签下图片大小

如果html中图片没有设置大小，可以采用下面简单方法，设置图片的宽高，但图片可能会变形。