【HTML】pictureタグを使ってPCとSPで画像を切り替える方法

今回は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)