webview加载html代码，其中代码中有图片

最新推荐文章于 2023-05-19 11:14:43 发布

xingyunxinchen

最新推荐文章于 2023-05-19 11:14:43 发布

阅读量2.7k

点赞数 1

分类专栏：技术交流学习

本文链接：https://blog.csdn.net/u010616275/article/details/50846200

版权

技术交流学习专栏收录该内容

1 篇文章 0 订阅

订阅专栏

webview加载html代码，其中代码中有图片，而且图片很大，就需要图片自适应。刚开始我在Webview.loadDataWithBaseURL（）加载代码前，把css样式加到代码段前面。其中的css样式为<style> img {width:100%;}</style>。这样，大部分的手机可以解决图片自适应的功能，但是在有的手机，加载还是无法自适应，反而会出现加载大图，引起闪退的现象。个人认为是加载了大图后才加载css引起的。查了资料，在http://www.brighttj.com/ios/ios-webview-load-html-image-adaptive.html这里看到有js和css两种方式去自适应。但是相对麻烦。个人只是把css样式修改了一下，仍然是在Webview.loadDataWithBaseURL（）加载代码前把css样式添加进去，css样式为<head><style>img{max-width:340px !important;}</style></head>，java代码是这样的String CSS_STYPE = "<head><style>img{max-width:340px !important;}</style></head>";

Webview.loadDataWithBaseURL(null, CSS_STYPE +description, "text/html", "utf-8",null);其中description是加载的代码块。