0

我想在 WebView 中显示一些 html。在该 html 代码中，有一个图像标签“img src”和一个样式：style="max-width:300px;max-height:300px;"。我的智能手机的显示宽度是 480 像素。当我将最大宽度样式设置为 480 像素时，图像不适合显示并且不完全可见。在 WebView 周围，没有 Margin 或 Padding。但是当我将最大宽度设置为 300 像素时，图像非常适合。这是什么原因？我的显示器宽度为 480 像素，而该样式的图像为 300 像素。

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

Html 代码（新内容）：

<!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 回答