android的WebView載入html內容圖片超出螢幕範圍
阿新 • • 發佈:2019-01-31
1.使用css處理
img{
width: 84vw;//佔寬度的84%
}
2.在圖片內容後面條件Js
3.通過webview的setting屬性設定,在我手機上沒效果另外一種讓圖片不超出螢幕範圍的方法,現在用的是css <script type="text/javascript"> var tables = document.getElementsByTagName("img"); //找到table標籤 for(var i = 0; i<tables.length; i++){ // 逐個改變 tables[i].style.width = "100%"; // 寬度改為100% tables[i].style.height = "auto"; } </script>
出現介面沒自適應android螢幕時使用,不一定有效 wv.getSettings().setUseWideViewPort(true);//關鍵點 wv.getSettings().setLoadWithOverviewMode(true); /** * 用WebView顯示圖片,可使用這個引數 設定網頁佈局型別: 1、LayoutAlgorithm.NARROW_COLUMNS : * 適應內容大小 2、LayoutAlgorithm.SINGLE_COLUMN:適應螢幕,內容將自動縮放 */ wv.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
參考資料