webView顯示html網頁圖片成比例縮放效果
在webView顯示heml的時候,往往會有圖片,但是後臺或者前端往往不把html封裝好,造成圖片不是過大就是過小,還需要移動端封裝一下。
這裏爲了能夠讓圖片適應我們的屏幕成比例放大縮小成適合的尺寸我們自己封裝一下,
//封裝頭文件
String sHead= "<html><head><meta name=\"viewport\" content=\"width=device-width, " +
"initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes\" />"+
"<style>img{max-width:100% !important;height:auto !important;}</style>"
+"<style>body{max-width:100% !important;}</style>"+"</head><body>";
然後把設置好的頭添加進去
webView.loadDataWithBaseURL(null,sHead+nd.getContent()+"</body></html>","text/html", "UTF-8", null);
這樣設置就好了,其實前端的東西懂一點還是很必要的。