HTML中的高度百分比問題

當呈現以下內容時，不考慮image（img）的高度參數。但是，如果我按照％改變寬度（例如80％），則調整大小並保持縱橫比不變。如果我提到px的高度，它就可以工作。問題只出現在所有瀏覽器中的高度。HTML中的高度百分比問題

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/loose.dtd"> 

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Insert title here</title> 
</head> 
<body> 
<img src="image.jpg" alt="Image" border="0" height="15%" width="100%" /> 
</body> 
</html>

，如下圖所示，身高％的作品，但給圖像的任何填充不會在IE中考慮，但在瀏覽器中的其餘工作正常，如果我們從DOCTYPE刪除「http://www.w3.org/TR/html4/loose.dtd」。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> 

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Insert title here</title> 
</head> 
<body> 
<img src="image.jpg" alt="Image" border="0" height="15%" width="100%" /> 
</body> 
</html>

我已經嘗試使用YUI 3 API for CSS Reset。雖然它刪除了瀏覽器的所有默認填充，但它不會解決我的問題。任何解決方法可用？謝謝。

來源

2010-06-23 Prabhat

將下面的CSS添加到我的CSS文件中有訣竅。

html, body { 
height: 100%; 
margin: 0; 
padding: 0; 
}

感謝我：d

來源

2010-06-23 04:21:01 Prabhat

HTML中的高度百分比問題

回答

相關問題