Picturefill.jsは、picture要素に対応していないブラウザでもpicture要素による画像の切り替えができるようになるポリフィルです。 picture要素を使うことで、ブラウザの幅によって画像を出し分けることができます。例えば、以下のように記述すると、1000px以上ならextralarge.jpg、800px以上1000px未満ならlarge.jpg、800px未満ならmedium.jpgが表示されます。 <picture> <source srcset="extralarge.jpg" media="(min-width: 1000px)"> <source srcset="large.jpg" media="(min-width: 800px)"> <img src="medium.jpg" alt=""> </picture> このように、picture要素は非常に
![IE11でもpicture要素を使えるようにするポリフィル「Picturefill.js」 | TechMemo](https://cdn-ak-scissors.b.st-hatena.com/image/square/4fa8d68127ad91bf6d04470648e5bf09f3977e4e/height=288;version=1;width=512/https%3A%2F%2Ftechmemo.biz%2Fwp-content%2Fuploads%2F2019%2F06%2Fpicturefill.jpg)