Html 图像集没有达到我的预期

Html 图像集没有达到我的预期,html,css,laravel,image,Html,Css,Laravel,Image,嘿,我希望有一个非常简单的问题,我正在尝试使用image sourceset来设置respo图像。出于测试目的,我使用不同分辨率的图像 <img srcset="/storage/misc_1/2020-01/c24f16f1f9465453b4f63001e5a30c20/4/c/sampleimage-300x300.png 450w , /images/forum.jpg 1199w , /storage/misc_1/2020-01/c24f16f1f9465453b4f63001

嘿,我希望有一个非常简单的问题,我正在尝试使用image sourceset来设置respo图像。出于测试目的,我使用不同分辨率的图像

<img srcset="/storage/misc_1/2020-01/c24f16f1f9465453b4f63001e5a30c20/4/c/sampleimage-300x300.png 450w , /images/forum.jpg 1199w , /storage/misc_1/2020-01/c24f16f1f9465453b4f63001e5a30c20/4/c/sampleimage-1600x1000.png 1600w">

问题是:chrome决定为几乎所有尺寸加载1199w的图片,在750px及以上的屏幕上加载1600w的图片,我完全不明白。它是不是像:直到450w负载300x300,直到1199w负载forum.jpg,直到1600w负载1600x1000

也许有人能帮我消除误解

另外,实际图片的大小是否重要?
代码中3张图片的大小为:300x300、1199x281和1600x1000

如果我理解正确,您希望图像根据屏幕大小而不是分辨率进行更改吗?如果是这样的话,你也需要使用
size
attribute->我现在选择了解析,我认为这样更好。谢谢