Question

当我添加＆＃39;！DOCTYPE html＆＃39;标记到我的文档，文档中的图像恢复为原始大小（忽略css宽度和高度属性）。

我意识到添加doctype会更改浏览器显示文档的模式（doctype启用＆＃39;标准模式＆＃39;而不是＆＃39; quirks模式＆＃39;）。这可能是问题的根源。但是，我并不明白具体的标准模式＆＃39;不喜欢我的代码，或者如何解决它。

我写的那些html有什么问题＆＃39;标准模式＆＃39;不喜欢？

我在Windows上的Chrome中看到了这种行为。

一个简化的测试用例（带有doctype，图像看起来非常大，没有它看起来更小）：

<!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>

这是缺少头部，但我写的头部没有任何内容有所作为，或者是重现问题所必需的。

Answer 1

在声明尺寸时，您必须使用某种测量单位。

img{
width:250px;
}

style="width:250px"

添加doctype时，图像将恢复为常规尺寸

1 个答案: