Html 如何以像素为单位指定图像大小

有关以像素为单位指定图像大小的快速问题：

<img src="/logo.jpg" alt="logo" width="200px" height="120px" />

或

---

我一直在使用px，但最近注意到很少有人这样做。我是不是最好不说这个？这有关系吗？

我会继续以像素为单位指定大小。您可能不需要这样做，但我认为根据web标准，您应该这样做。以像素为单位指定大小肯定不会影响代码，所以请保留它

我通常不说。我不经常使用

元素。但是，更好的做法是将宽度和高度放在

标记中，这样浏览器就不必计算这些尺寸。

据我所知，您没有将

px

标签添加到

img

标记本身的宽度/高度属性值中，我相信（尽管可能是错误的）这是因为像素的使用与否无关。但是，在CSS中，可以使用不同的单位来指定宽度和高度，因此在使用CSS时添加标签是合适的。

找不到任何验证这一点的信息，但我会在HTML中使用没有单位（如果不是百分比）的整数，在CSS中使用“px”，除了零值，在零值中省略单位更为正确

---

< P>使用CSS考虑图像的大小：

CSS:

HTML:

图像元素的大小是数字，没有“px”或其他测量值。你可以在CSS中使用px或其他，而不是在HTMLPixels中使用，除非你将其指定为百分比：）我不认为在HTML大小属性中包含“px”是web标准。虽然还没有找到更多的证据，但如果我找到了，我会回来的：PJames，添加

px

单元将使Outlook（可能还有其他应用程序）缩放图像，就好像没有指定高度/宽度一样，所以它确实会造成伤害。请参阅：这似乎是firefox web验证程序采用的方法，它将px的使用标记为错误

<img src="/logo.jpg" alt="logo" width="200" height="120" />

.logo {
width: 200px;
height: 120px;
}

<img src="/logo.jpg" alt="logo" class="logo" />