1. 程式人生 > >android的WebView載入html內容圖片超出螢幕範圍

android的WebView載入html內容圖片超出螢幕範圍

1.使用css處理

img{
    width: 84vw;//佔寬度的84%
}

2.在圖片內容後面條件Js

另外一種讓圖片不超出螢幕範圍的方法,現在用的是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>
3.通過webview的setting屬性設定,在我手機上沒效果
        出現介面沒自適應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);

參考資料