サイズ変更表紙画像をWebビューで表示

Hy everyone、サイズ変更表紙画像をWebビューで表示

私は読者に取り組んでおり、最新の高解像度のアンドロイドデバイスに関する問題があります。 webView上の画像は非常に小さく見えますが、古いデバイスではサイズが許容範囲内であるようです。 HTMLファイルの内容を操作できません.WebViewの設定とwebViewにリンクされた.cssファイルのみを操作できます。

最初に本を開くと画像は非常に小さく見えますが、画像を操作すると拡大されて両面がトリミングされます。

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

私も試してみました：

testWV = (WebView) findViewById(R.id.mywebview1); 
testWV.setDelegate(this); 

testWV.setVerticalScrollBarEnabled(false); 
testWV.setHorizontalScrollBarEnabled(false); 
testWV.getSettings().setDefaultZoom(ZoomDensity.FAR);

任意の提案がいただければ幸いです。

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

これはWebViewの設定です。

出典

2016-11-29 coder

ヘッドタグを削除することができ、あなたのWebViewにJavaコード内の特定のサイズを設定しますか？ –

いいえ特定のサイズを設定することはできません。デバイスごとに異なるため、カバーイメージの幅と比例する高さのwebViewを同じにします。 – coder

いいえ、それがうまくいけば私の答えを参照してください –

さて、これを試してみてください、あなたが希望する場合、スタイルは重要な部分である

String content = "Your Content"; // I assume your content is a string 

testWV = (WebView) findViewById(R.id.mywebview1); 
testWV.setDelegate(this); 

testWV.setVerticalScrollBarEnabled(false); 
testWV.setHorizontalScrollBarEnabled(false); 
testWV.getSettings().setDefaultZoom(ZoomDensity.FAR); 

String head = "<head><meta name='viewport' content='target-densityDpi=device-dpi'/></head>"; 

String style = "<style> " + 
       "img { height:auto !important; width:100% !important; } " + 
       "</style>"; 

testWV.loadDataWithBaseURL("", head + style + content, "text/html", "UTF-8", "");

出典

2016-11-29 13:47:26

私はそれがうまくいかないことを恐れている、私は両側からトリムされた以上の拡大されたomgを得た。提案ありがとう。 – coder

あなたの画像が拡大されている場合は、幅を100％からより小さい値に減らす必要があります。また、画像が左右でトリミングされている場合は、左と右のパディングを付ける必要があります。特定の問題の解決策を書くことができるように、画像（スナップショット）を投稿することもできますか？ –

img {パディング - 左：20ピクセル！重要;パディング - 右：20ピクセル！重要; } –

サイズ変更表紙画像をWebビューで表示

答えて

関連する問題