android的WebView加载html内容图片超出屏幕范围

1.使用css处理

img{
width: 84vw;//占宽度的84%
}

2.在图片内容后面条件Js

另外一种让图片不超出屏幕范围的方法，现在用的是css
<script type="text/javascript">
var tables = document.getElementsByTagName("img"); //找到table标签
for(var i = 0; i<tables.length; i++){ // 逐个改变
tables[i].style.width = "100%"; // 宽度改为100%
tables[i].style.height = "auto";
}
</script>3.通过webview的setting属性设置，在我手机上没效果
出现界面没自适应android屏幕时使用，不一定有效
wv.getSettings().setUseWideViewPort(true);//关键点
wv.getSettings().setLoadWithOverviewMode(true);
/**
* 用WebView显示图片，可使用这个参数 设置网页布局类型： 1、LayoutAlgorithm.NARROW_COLUMNS ：
* 适应内容大小 2、LayoutAlgorithm.SINGLE_COLUMN:适应屏幕，内容将自动缩放
*/
wv.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
参考资料