Question

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

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>

Answer 1

我已经测试了很多方法，并通过使用百分比来解决这个问题。现在，如果模具图像很大，图像非常适合显示，如果它比显示屏小，则保持宽度。

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

Android - 奇怪的行为html样式max-width

1 个答案: