picture要素で画像切り替え
スマホ用のとんかつ定食イメージを作成したので、
切り替え方法をWebで確認したらpicture要素を使う方法が紹介されていたので、やってみた。
<picture>
<source media="(min-width: 481px)" srcset="/wp/wp-content/themes/fukuyoshi_Renewal2015/img/jimanno-tonkatuteisyoku_20170701.jpg"/>
<source media="(max-width: 480px)" srcset="/wp/wp-content/themes/fukuyoshi_Renewal2015/img/tonkatutei_sp.jpg"/>
<img src="/wp/wp-content/themes/fukuyoshi_Renewal2015/img/jimanno-tonkatuteisyoku_20170701.jpg" alt="省略"/> <!– フォールバック –>
</picture>