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樣式最大寬度

回答

相關問題