首页 > 解决方案 > HTML IMG:在 HTML 标记中设置显式宽度和高度属性有什么好处?

问题描述

为 IMG 元素显式定义宽度和高度属性有什么好处?我可以通过 CSS 将宽度设置为 100%,除非我通过 CSS 明确设置高度,否则图像元素将保留固有纵横比。相反,我可以在 HTML 标记中定义宽度和高度属性并省略 CSS 声明,图像将仅以这些显式尺寸呈现。如果您随后要通过 CSS 将宽度设置为 100%,为什么还要在 HTML 中设置暗淡?

标签: htmlcssimage

解决方案


有人可能有更好的答案,但也许是为了提供更多功能……据我所知,您仍然可以使用 object-fit 来保留纵横比。


推荐阅读