如何提供大小在图像集类似的大小在srcset?

Question

我们在应用程序中使用了一个组件的background-image样式。我们需要让它响应不同分辨率的图像。我已经看到我们可以使用image-set实现目标，并按以下要求执行，按预期工作。请看下面我实现的代码片段。

<div style="width: 50%;height: 50%;background-repeat: no-repeat; background-image: -webkit-image-set(
url(smallCat.jpg) 1x,
url(BigCat.jpg) 2x)">
</div>

现在，我想给出一个特定的屏幕分辨率，而不是1x,2x。因为可以在中设置srcset大小与我们有办法设置image-set的大小吗?请让我知道你的想法。

谢谢。

Answer 1

不，没有相应的语法。但是:

另一个区别是，与srcset属性不同，您还可以根据浏览器的宽度(当需要美术方向时)提供图像选项，而image-set则不能这样做。然而，美术指导仍然可以在CSS中使用媒体查询来实现!

来源:使用image-set创建响应式图像

所以，如果你想只使用CSS来管理所有的图像，使用媒体查询。