android webView顯示html圖片比例縮放的效果

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);

這樣設置就好了,其實前端的東西懂一點還是很必要的。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章