今回はpictureタグを使ってPCとSPで画像を切り替える方法を紹介する。
今回はブレイクポイントをPCが768px以上、SPが767px以下とした場合としている。
<picture>
<source srcset="./img/img_pc.jpg" media="(min-width: 768px)"/><!--PC用-->
<source srcset="./img/img_sp.jpg" media="(max-width: 767px)"/><!--SP用-->
</picture>
(Visited 47 times, 1 visits today)