Android WebView 加載 HTML 圖片自適應螢幕寬度

問題

HTML 內容包含 <img src="...">，WebView 顯示時圖片超出螢幕右側，無法自適應。

解決方案

1. HTML 端添加樣式（推薦）：

   <img src="..." style="max-width:100%; height:auto;">

   或在 CSS 中全局：

   img { max-width: 100%; height: auto; }

2. WebView 設置：

   webView.getSettings().setLoadWithOverviewMode(true);
   webView.getSettings().setUseWideViewPort(true);
   webView.setInitialScale(1);

3. JavaScript 注入（動態修改）：

   webView.setWebViewClient(new WebViewClient() {
       @Override
       public void onPageFinished(WebView view, String url) {
           view.loadUrl("javascript:(function() { " +
               "var imgs = document.getElementsByTagName('img'); " +
               "for (var i=0; i