Как загрузить разные SVG на экранах разных размеров? - PullRequest
Новая
       50

Как загрузить разные SVG на экранах разных размеров?

0 голосов
/ 08 марта 2019

Я пытаюсь запустить два разных SVG в качестве баннера для экрана разных размеров. Я использую несколько разных размеров .png в качестве резервной копии. Эта статья 'Улучшенный 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>
...