关于指定像素大小的图像的快速问题：
<img src="/logo.jpg" alt="logo" width="200px" height="120px" />
<img src="/logo.jpg" alt="logo" width="200" height="120" />
我一直使用px，但最近注意到很少有人这样做。是不是最好不要使用px？这样做有什么影响吗？
如何指定像素大小的图像
12
- Andy
1
2图像元素的大小是数字，没有“px”或其他度量缩写。在CSS中可以使用px或其他单位，但在HTML中不行。 - Alberto León
5个回答
12
据我所知，在
img 标签本身的宽度/高度属性值中不需要添加 px 标签，因为无论如何都使用像素。但是在 CSS 中，可以使用不同的单位来指定宽度和高度，因此在使用 CSS 时添加标签是合适的。- Brian Driscoll
1
2除非您将其指定为百分比，否则会使用像素 :) - Stefan
2
目前没有找到任何证明，但我会在HTML中使用没有单位的整数（如果不是百分比），在CSS中使用“px”，除了零值，在这种情况下最好省略单位。
- Stefan
1
看起来这是Firefox Web验证器采取的方法，它将使用px标记为错误。 - tjb
1
使用CSS来考虑图像的大小：
CSS：
CSS：
.logo {
width: 200px;
height: 120px;
}
HTML：
<img src="/logo.jpg" alt="logo" class="logo" />
- Akos
1
我通常会省略它。因为我很少使用<img>元素。但是，最好的做法是在<img>标签中设置宽度和高度，这样浏览器就不需要计算这些尺寸。
- Chris
0
我会继续使用像素来指定大小。你可能不需要这样做，但根据Web标准，我认为你应该这样做。在像素中指定大小肯定不会损害你的代码，所以请保留它。
- James Johnson
2
我不认为在HTML大小属性中包含“px”是Web标准。虽然我还没有找到更多的证据，但如果我找到了，我会回来的 :P - Stefan
1James，添加“px”单位会使Outlook（以及可能的其他应用程序）缩放图像，就好像没有指定高度/宽度一样，因此确实会有影响。请参见：https://dev59.com/UpXfa4cB1Zd3GeqPlNoQ?noredirect=1#comment60722825_36485410 - Aziz
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接