Html 使用img-srcset的响应图像

我在理解它如何工作/应该如何工作方面有点困难

下面是生成的代码，为了便于阅读，我添加了一些换行符和空格

<img 
    srcset="https://staging-lorem.s3.amazonaws.com/media/catalog/product/cache/small_image/338x/fe048ded4c6db6c6afa45b749bc258ce/3/0/30007351100_st.jpg?mobile_0.8701242290003701 1534w, 
    https://staging-lorem.s3.amazonaws.com/media/catalog/product/cache/small_image/446x/fe048ded4c6db6c6afa45b749bc258ce/3/0/30007351100_st.jpg?tablet_0.9660079932306127 1536w, 
    https://staging-lorem.s3.amazonaws.com/media/catalog/product/cache/small_image/568x/fe048ded4c6db6c6afa45b749bc258ce/3/0/30007351100_st.jpg?desktop_0.3538608252974025 1986w, " 

    sizes="(max-width: 767px) 1534px, 
    (min-width: 768px) 1536px, 
    (min-width: 993px) 1986px, " 
    src="https://staging-lorem.s3.amazonaws.com/media/catalog/product/cache/small_image/568x/fe048ded4c6db6c6afa45b749bc258ce/3/0/30007351100_st.jpg" 
    alt="" />

我想使用img元素、srcSet和src来支持传统浏览器。（因此没有图片元素）

使用Safari&xCode模拟器检查时，出于某种原因，它似乎会悬停在桌面和移动版本的下载上

由于后端性能的限制，我们将只提供视网膜图像，有大量图像必须以不同的大小生成

这种特殊的图像在手机屏幕上的显示尺寸约为50%，在平板电脑上为1/3，在桌面上不到1/4

---

我刚刚删除了

size

属性，然后它像预期的那样工作：p

它下载了移动和桌面版本。我还尝试在最后一个大小中不指定任何

最小宽度，如果我理解它的话，它应该是这样的，但无论如何看起来都是一样的