添加文檔類型時，圖像恢復爲常規大小

將'！DOCTYPE html'標記添加到文檔時，文檔中的圖像恢復爲其原始大小（忽略css寬度和高度屬性）。添加文檔類型時，圖像恢復爲常規大小

我知道添加doctype會改變瀏覽器顯示文檔的模式（doctype啓用'標準模式'而不是'quirks模式'）。這可能是問題的根源。但是，我不明白'標準模式'不喜歡我的代碼，或者如何解決它。

我寫的'標準模式'不喜歡什麼是錯的？

我在Windows上的Chrome中看到此行爲。

簡化的測試案例（與文檔類型，圖像看起來非常大，如果沒有它，他們顯得更小）：

<!DOCTYPE html> 
<html> 
<body> 
    <img src="http://upload.wikimedia.org/wikipedia/commons/d/de/Wikipedia_Logo_1.0.png" alt="Wikipedia Logo" style="width:250; height:250;"> 
    <img src="smiley.png" alt="Smiley Face" style="width:250; height:250;"> 
</body> 
</html>

這缺少頭部，但沒有在頭節中，我曾寫了作用或者有必要重現問題。

來源

2015-02-11 Porthos3

使用像素，例如'width：250px' – 2015-02-11 01:01:37

謝謝，這就是它！作出答覆，我可以接受？ – Porthos3 2015-02-11 01:33:44

一切爲你準備好！ – 2015-02-11 01:38:42

聲明尺寸時，您必須使用某個度量單位。

img{ 
width:250px; 
} 

style="width:250px"

來源

2015-02-11 01:35:58

添加文檔類型時，圖像恢復爲常規大小

回答

相關問題