html响应图像图片srcset加载两个图像

Question

嘿，我将图片srcset用于响应图像，并在网络上加载了两个图像

第一张默认图片和第二张正确图片。

有人可以给我解决方案。

谢谢。

这是我的示例

<picture>
    <source srcset="https://dummyimage.com/1200x400" media="(min-width: 1024px)">
    <source srcset="https://dummyimage.com/767x400" media="(min-width: 767px)">
    <source srcset="https://dummyimage.com/575x400" media="(min-width: 575px)">
    <source srcset="https://dummyimage.com/414x400" media="(min-width: 414px)">
    <img src="https://dummyimage.com/200x400" alt="Canvas">
</picture>

jsfiddle

请检查网络：）