0

WebView に html を表示したい。その html コードには、イメージ タグ「img src」とスタイルが含まれていますstyle="max-width:300px;max-height:300px;"。私のスマートフォンの表示幅は480pxです。max-width スタイルを 480px に設定すると、画像がディスプレイに収まらず、完全に表示されません。WebView の周りには、マージンやパディングはありません。しかし、max-width を 300px に設定すると、画像は完全に収まります。その理由は何ですか？私のディスプレイの幅は 480px で、そのスタイルの画像は 300px です。

webView.loadData(newContent, "text/html; charset=UTF-8", null);

Html コード (newContent):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
</head>
<body bgcolor="white" leftmargin="0" topmargin="0">
<img src="http:...jpg" style="max-width:300px;max-height:300px;" />
<p>Text Text Text</p>
</body>
</html>
4

1 に答える 1

0

私は多くの方法をテストし、パーセントを使用してこの問題を解決しました。これで、ダイの画像が大きい場合は画像がぴったりと表示され、ディスプレイよりも小さい場合は幅が維持されます。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
</head>
<body bgcolor="white" leftmargin="0" topmargin="0">
<img src="http:...jpg" style="max-width:100%;" />
<p>Text Text Text</p>
</body>
</html>
于 2013-01-23T11:58:57.183 に答える