gpt4 book ai didi

Android - 奇怪的行为 html 样式最大宽度

转载 作者:行者123 更新时间:2023-11-28 13:23:27 25 4
gpt4 key购买 nike

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

最佳答案

我测试了很多方法并使用百分比解决了这个问题。现在,如果图像较大,则图像非常适合显示;如果图像小于显示器,则保持其宽度。

<!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 样式最大宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14430912/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com