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

Question

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

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

或

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

我一直在投入px，但最近注意到很少有人这样做。我离开那会更好吗？这有什么关系吗？

Answer 1

据我所知，你没有在px标签本身上添加img标签到width / height属性值，我相信（虽然可能是错的）因为使用了像素而不管。但是，在CSS中，可以使用不同的单位来指定宽度和高度，因此在使用CSS时添加标签是合适的。

Answer 2

我通常会把它留下来。我不常使用<img>元素。但是，最好将宽度和高度放在<img>标记中，以便浏览器不必计算这些尺寸。

Answer 3

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

http://www.w3.org/TR/CSS2/visudet.html#the-width-property

Answer 4

我会继续指定大小（以像素为单位）。你可能不需要，但我认为你应该按照网络标准。以像素为单位指定大小绝对不会损害您的代码，所以请将其留在那里。

Answer 5

使用css考虑图像的大小：

CSS：

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

HTML：

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