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

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

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>

来源

2013-01-21 Gepro

也许这篇文章将使用你http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ –

有一种方式来定义高度的UND宽度对不同的屏幕尺寸。我会找到一种方法，动态设置这个大小。问题是，我无法使用Metrcis，因为我的智能手机或WebView的大小没有显示适合WebView宽度的图像。 – Gepro

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

<!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-23 11:58:57 Gepro

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

回答

相关问题