CSS网格+ srcset +尺寸可用于多种宽度和屏幕分辨率吗？

Question

我有一个14列的CSS网格，该网格位于桌面页面的中央。我所有的图像都设置为max-width: 100%，因此宽度取决于列容器的宽度。

<img src="image_path.jpg&s=image-390"
     srcset="image_path.jpg&s=image-390 390w,
             image_path.jpg&s=image-585 585w,
             image_path.jpg&s=image-780 780w,
             image_path.jpg&s=image-1170 1170w,
             image_path.jpg&s=image-1560 1560w,
     sizes="(min-width: 1023px) 300px, 100vw">

在台式机上，该列中图像的宽度为300px（4列），但是当我在Macbook Pro的“网络”选项卡中检查设备比率为2时，为什么它提供了585张图像？不应该是780吗？它是300 * 2 = 600，所以下一个图像是780，对吗？另外，如果由于某种原因将其更改为380px，它会拉出780图像（<379px拉到585），但是为什么呢？对我来说似乎太随意了。

Answer 1

找到的lazysizes插件解决了我的问题。