Как при использовании тега picture, при разных разрешениях экрана отдавать эти же картинки в IE 11?

Question

[iMurser]

Знатоки, подскажите, подключил изображения через тег , а как эти самые картинки отдать и в IE 11. Так как не поддерживается IE 11.

Comments

[Антон Федорян]

picture

Answer 1

[hzzzzl]

https://stackoverflow.com/questions/31186257/fallb...

Yes < picture > tag is part of html5 and according to documentation, its fallback is < img src=... > which will work even in very old browsers.

<picture>
   <source media="(min-width: 64em)" src="high-res.jpg">
   <source media="(min-width: 37.5em)" src="med-res.jpg">
   <source src="low-res.jpg">
   <img src="fallback.jpg" alt="This picture loads on non-supporting browsers.">
   <p>Accessible text.</p>
</picture>

Comments

[iMurser]

Спасибо большое, разобрался!

Answer 2

[Dima Polos]

В элементе picture обязательный тег img - как фолбек.