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/20190315_012741_388.png@wm_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);

 

 

是個騷方法哈哈