解决以文本形式返回的的html在webview上img不能左右适应全屏显示

极少数情况遇到后台返回这种类型的数据, 然后需要左右充满显示

下面图片数据来源百度

<p>
    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1536382934983&di=15aeb225ff4668c0728e3b05cb1c1c1c&imgtype=0&src=http%3A%2F%2Fimg.movie.iecity.com%2FUpload%2FFile%2F201310%2F30%2F20131030003201084.jpg"/>
    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1536382908955&di=f7e8b2ac7511d4cf4e129a699dad9b7b&imgtype=0&src=http%3A%2F%2Fimage13.m1905.cn%2Fuploadfile%2F2015%2F1222%2F20151222111315204732.jpg"/>
    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1536382952190&di=301a9c1d6a5b4810c9e8c1f14bbafe27&imgtype=0&src=http%3A%2F%2Fimg0.hbcinemas.com%2F20151020%2F0bae5b9a-1cda-4416-bc1c-b92d41e3f1668.jpg"/>
    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1536382982341&di=828c2ba4dd95b182f267f7cc9262e772&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F27%2F201504272340_VHdCe.jpeg"/>
</p>

显示效果:

未处理的时候显示效果.png

很明显, 很多图片右边都留有空白区域
解决方法:在数据前面加上这句话

<style type="text/css"> 
    img{width: 100%;}
</style>

现在的显示效果:

处理后显示效果.png

完整写法:

webView.loadData("<style type="text/css"> img{width: 100%;}</style>"+[网页内容],"text/html; charset=UTF-8",null);

仅提供一个思路而已, 欢迎各位大神留言告知更多更优的方法!