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

【问题标题】：how to specify image size in pixels如何以像素为单位指定图像大小
【发布时间】：2011-08-24 22:48:50
【问题描述】：

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

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

或

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

我一直在输入像素，但最近注意到很少有人这样做。我最好把它排除在外吗？一种方式重要吗？

【问题讨论】：

标签： html

【解决方案1】：

据我所知，您不会将px 标签添加到img 标签本身的宽度/高度属性值中，我相信（尽管可能是错误的）这是因为无论如何都使用像素。但是在 CSS 中，可能会使用不同的单位来指定宽度和高度，因此在使用 CSS 时添加标签是合适的。

【讨论】：

【解决方案2】：

我通常会忽略它。我不经常使用<img> 元素。但是，最好将宽度和高度放在<img> 标签中，这样浏览器就不必计算这些尺寸了。

【讨论】：

【解决方案3】：

找不到任何信息来验证这一点，但我会在 HTML 中使用不带单位（如果不是百分比）的整数，并在 CSS 中使用“px”，但零值除外，在这种情况下省略单位更正确。

【讨论】：

【解决方案4】：

使用css来考虑图片的大小：

CSS：

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

HTML：

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

【讨论】：

【解决方案5】：

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

【讨论】：

我不认为在 HTML 大小属性中包含“px”是一种网络标准。虽然还没有找到任何更大的证据，但如果我找到了，我会回来的：P
James，添加 px 单元将使 Outlook（以及可能的其他应用程序）缩放图像，就好像没有指定高度/宽度一样，所以它确实会受到伤害。见：stackoverflow.com/questions/36485410/…