具有srcset属性的img看起来是制作响应图像的一种很好的方式.是否有适用于CSS background-image属性的等效语法？
HTML
<img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah">
CSS
.mycontainer {
background: url('what goes here?');
}
具有srcset属性的img看起来是制作响应图像的一种很好的方式.是否有适用于CSS background-image属性的等效语法？
HTML
<img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah">
CSS
.mycontainer {
background: url('what goes here?');
}
image-set是等效的CSS功能.我们应该将等价的源集功能(根据其尺寸定义资源)添加到规范中.
目前在所有主要浏览器(Firefox、Chrome、Safari、Edge)中使用-webkit-前缀.Safari仅支持x个描述符.