レスポンシブ対応の画像切り替えはこれで大丈夫。
作成日：
2018年3月7日
昨日の続き。
Chromeのsrcsetで誤解していた。
http://monoxa.net/2018/03/chrome%e3%81%aesrcset%e3%81%a7%e8%aa%a4%e8%a7%a3%e3%81%97%e3%81%a6%e3%81%84%e3%81%9f%e3%80%82/
昨日の続き。 画面サイズに応じて画像を切り替えたいなー、と思っていたのですが これね。 これで解決。...
画面サイズに応じて画像を切り替えたいなー、と思っていたのですが
ブレークポイントを指定して画像を切り替える方法
https://designlink.work/ja/how-to-specify-a-breakpoint-and-switch-images/
<picture>とsrcsetを使用して、画面サイズに応じて画像を切り替える方法です。レティーナにも対応しています。このサンプルではIE用にPicturefillを追加しています。
これね。
これで解決。
物草 灸太郎
WordPressでホームページを制作しつつ、休日は畑を耕したりDIYを楽しんでいます。
関連投稿
Loading...
コメントをどうぞ