添加文档类型时，图像恢复为常规大小

将'！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

添加文档类型时，图像恢复为常规大小

回答

相关问题