可以将 Img srcset 设置为 background-image 吗？

Question

我有一个响应式 header 部分，但我需要将图像从 <img> 标签转移到 background-image - 这可能吗？

下面是当前的 img 标签：

<img src="img/images-header.jpg"
     srcset="img/images-header@2x.jpg 2x,
             img/images-header@3x.jpg 3x"
     class="Images-Header">

而 CSS 是

.Images-Header {
  width: 320px;
  height: 456px;
  margin: 60px 0 0;
  padding: 105px 29px;
  object-fit: contain;
}

基本上，我需要跨设备响应图像，是否可以将 srcset 设置为 background-image 或相同的效果？

非常感谢，

Answer 1

不，那不可能。但是您可以使用媒体查询根据屏幕尺寸或其他@media 参数（如像素比或类似参数）加载不同的 versions/sizes 背景图像。

Possible for Img srcset into background-image?