webview显示图片太大，导致webview显示图片还要左右滑动的解决方法

如图所示是解决好之后的样子

原始代码：

string content="<p>IT之家3月15日消息&nbsp;今日凌晨，苹果公司已宣布其2019年全球开发者大会的日期：<span class="font-color-red">6月3日至7日（美国当地时间，北京时间6月4日至8日）</span>。在今年的WWDC上，新版本的iOS、macOS、tvOS和watchOS等将迎来大版本升级。WWDC19的主题是“Write code.Blow Minds.”地点还是在加利福尼亚州圣何塞的McEnery Convention中心。</p><p><img src="http://img.ithome.com/newsuploadfiles/2019/3/[email protected]_1,k_aW1nL3F3LnBuZw==,y_20,o_100,x_20,g_7" w="728" h="369"/></p><p>外媒The Verge表示，今年，很多重点将放在iOS 13上，苹果希望能够为iPad和iPhone的核心用户界面带来更激进的变化。有传言称苹果公司一直在努力改进其“Springboard”用户界面，并且这项工作将在今年展开。</p><p>此外，iOS还有许多其他改进，特别是iPad Pro（2018）拥有功能强大的硬件，却受到软件限制而缺失许多很实用的功能，比如缺乏多用户支持以及对外部USB设备的过度限制。</p><p>但是，WWDC19最让人期待的还是苹果打算如何通过允许iPad（也许是iPhone）应用程序进入Mac而将iOS和macOS更紧密地结合在一起。这项工作已经从macOS Mojave开始，但仅限于几个Apple应用程序。今年，我们预计苹果公司将向更多开发者开放。</p><p>其他方面，苹果公司也一直在不断改进其基于手机的增强现实软件，我们很可能也会在6月份看到更多消息。并且，随着5G网络的建设，VR/AR等技术大有复苏的现像。</p>";
webView.loadDataWithBaseURL(null, conetent, "text/html","UTF-8", null);

图片太大可以用css的方法缩小图片

定义一个css样式

String head="<style>\n" +
        "  \n" +
        "img{\n" +
        " max-width:100%;\n" +
        " height:auto;\n" +
        "}\n" +
        "  \n" +
        "</style>";

然后css + content

mwebViewFragment.webView.loadDataWithBaseURL(null, head+conetent, "text/html","UTF-8", null);

是个骚方法哈哈

webview显示图片太大，导致webview显示图片还要左右滑动的解决方法

相关推荐