添加 doctype 后图像恢复为常规大小答案

【问题标题】：Images revert to regular size when doctype is added添加 doctype 后图像恢复为常规大小
【发布时间】：2015-02-11 00:49:59
【问题描述】：

当我将 '!DOCTYPE html' 标签添加到我的文档时，文档中的图像会恢复到它们的原始大小（忽略 css 宽度和高度属性）。

我意识到添加 doctype 会改变浏览器显示文档的模式（doctype 启用“标准模式”而不是“怪癖模式”）。这可能是问题的根源。但是，我并不具体了解“标准模式”对我的代码有何不满意，或者如何修复它。

我写的“标准模式”不喜欢的 html 有什么问题？

我在 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>

这缺少 head 部分，但我写的 head 部分没有任何影响或重现问题所必需的。

【问题讨论】：

使用像素，例如width:250px
谢谢，就是这样！请回复以便我接受？

标签： html doctype quirks-mode

【解决方案1】：

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

img{
width:250px;
}

style="width:250px"

【讨论】：