我有一个像素。我如何使用它来获得与具有background-image:url(“I.jpg”);
相同的效果?
<picture>
<source srcset="i-big.webp"
media="(min-width: 768px)">
<source srcset="i-small.webp">
<img src="i.jpg" alt="Background image"/>
</picture>
你不能像使用背景图像一样使用图片元素。背景-图像与一个元素的背景有关,可以保持原始的尺寸(重复或居中等),但如果你调整你的图片元素的大小,它将只是拉伸。