Почему не отображается картинка из тега picture?

Question

[kirillgenets]

Проблема следующая: хочу сделать адаптивные svg-картинки через тег picture. Вот код:

<picture>
  <source srcset="img/logo-desktop.svg" media="(min-width: 1200px)" type="image/svg+xml">
  <source srcset="img/logo-tablet.svg" media="(min-width: 768px)" type="image/svg+xml">					  
  <img class="header__logo" src="img/logo-mobile.svg" alt="Логотип Cat Energy">
</picture>

Когда просто вставляю картинку logo-mobile.svg через тек img вне тега picture, то все норм и картинка отображается. В чем может быть проблема?

Comments

[Ankhena]

Выложите в песочницу jsfiddle.net так чтобы было видно работающий img и неработающий picture.

[WapSter]

Ankhena, просто бешенно крутая верстальщика) дай пожалуйста свой личный телеграмм или напиши мне @wapstet92)

[Ankhena]

Тимур Турсунбаев, не, я не такая, только воду мутить на тостере умею, а телеграмм в профиле ;)

[kirillgenets]

Ankhena, суть в том, что с png/jpg все хорошо, а svg не работает

[Ankhena]

kirillgenets, либо разбираться с svg либо всё таки выложить код в песочницу. Потому что в теории picture прекрасно работает с svg.

[RAX7]

kirillgenets,

[Сергей delphinpro]

RAX7, ну так ваш код вполне нормально работает. до 768 отображается img, потом source? потом второй source.
Проблема-то в чем? Больше подробностей.

[Сергей delphinpro]

RAX7, сорри, я принял вас за автора вопроса.