このページはHTMLタグ辞書のサンプルページです。
“source”要素の使い方について解説するためのサンプルページです。
ビューポートの横幅に応じて画像を出し分ける
<p>
<picture>
<source width="320" height="320" media="(max-width: 320px)" srcset="sample-320-sp.png">
<source width="640" height="320" media="(max-width: 640px)" srcset="sample-640.png">
<source width="1280" height="640" media="(min-width: 640px)" srcset="sample-1280.png">
<img src="sample-640.png" alt="サンプルの写真">
</picture>
</p>
