如何使用srcset属性在HTML中设置图像的宽度和高度

Question

我懒于在网页中加载图片，并且为了避免内容重排，我想找到一种方法来将HTML中的图片width和height属性设置为一个可以用CSS覆盖。

<img srcset="elva-fairy-320w.jpg,
         elva-fairy-480w.jpg 1.5x,
         elva-fairy-640w.jpg 2x"
 src="elva-fairy-640w.jpg"
 alt="Elva dressed as a fairy">

来自MDN文档的

srcset代码段： https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images

我已经阅读了有关它的几篇文章，因为我需要一种适用于srcset属性的解决方案。确实，我没有在img标签上加载单个图像，但有几个图像不同，然后如何设置宽度/高度以覆盖所有用例？

https://css-tricks.com/preventing-content-reflow-from-lazy-loaded-images/ https://www.smashingmagazine.com/2020/03/setting-height-width-images-important-again/