画面幅によって表示する画像を変える方法～レスポンシブデザインでの画像表示～ | ホームページ制作 株式会社KOPレスポンシブデザインのWEBサイトを作成時、「PCではこちらの画像、スマホではあちらの画像」と、表示を切り替えたい時ってありませんか？ありますよね。たまに。 そんな時の解決策はいくらかあるのですが、私が一番スマートだと思う方法をご紹介します。 JavaScript等は使用せずにhtmlのみで切り替える方法です。cssすらも必須ではありません。 では早速、こちらがその方法です。 <picture> <source srcset="https://webcreatetips.com/wp-content/uploads/2016/05/beautiful-woman-sp.jpg" media="(max-width: 767px)"> <img src="https://webcreatetips.com/wp-content/uploads/2016/05/beautiful-woman.
