如何在不同尺寸的屏幕上加载不同的SVG？

Question

我正在尝试运行两个不同的SVG作为不同屏幕尺寸的横幅。我正在使用几种不同大小的.png作为备份。本文'Better SVG Fallback'是我的参考资料，并使用<picture>实现了类似的代码，但是我的SVG文件似乎无法正常工作。

我检查了不同的浏览器和设备，似乎未加载SVG，而浏览器仅加载了备份的.png文件。

有人有类似问题或知道此错误的解决方法吗？

非常感谢！

<picture>
     <source
         media="(max-width: 750px)"
         srcset="_images/image.svg"
         type="image/svg+xml">
     <source
         media="(min-width: 751px)"
         srcset="_images/image.svg"
         type="image/svg+xml">
     <img
         src="_images/image1024w.png"
         srcset="_images/image450w.png 450w,
             _images/image750w 750w,
             _images/image1440w.png 1440w,
             _images/image2650w.png 2650w"
         alt="Introduction banner to page.">
</picture>