<img> 宽度属性可接受的单位是什么？

Question

我对 html 很陌生，所以当我读到我们可以通过 CSS 或 width、height 属性更改图像的尺寸时，我有点迷失。

对于宽度高度属性，有些帖子说只接受像素。但不知何故，百分比似乎也适合我的代码。

然而，当我尝试使用 vw 和 vh 时，图像大小奇怪。

所以，

1. 宽度和高度属性可接受的单位是什么？
2. 是否建议使用 CSS 来改变图像的宽度和高度？

非常感谢。

Answer 1

HTML img 元素的宽度和高度属性可接受的单位是像素。您给出像素数，但不要输入“px”。

\n

来自MDN

\n

\n

宽度\n图像的固有宽度（以像素为单位）。必须是没有单位的整数。

\n

\n

这些属性和同名 CSS 属性的使用可能会造成混淆。虽然这些属性在加载时间较长时可能会有更多用途（它们允许在页面中保存 img 的正确空间），但它们可能会卷土重来，请参阅https://developer.mozilla.org/en-US/ docs/Web/Media/images/aspect_ratio_mapping结尾为：

\n

\n

\xe2\x80\x94 消除了网页布局中的另一块卡顿！除了恢复在 HTML 中使用宽度和高度属性的习惯之外，Web 开发人员无需对代码进行任何特殊操作即可利用这一点。

\n

\n