レスポンシブ対応の画像切り替えはこれで大丈夫。

作成日:

昨日の続き。

favicon
Chromeのsrcsetで誤解していた。 https://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/

昨日の続き。 画面サイズに応じて画像を切り替えたいなー、と思っていたのですが これね。 これで解決。...

画面サイズに応じて画像を切り替えたいなー、と思っていたのですが

favicon
ブレークポイントを指定して画像を切り替える方法 https://designlink.work/ja/how-to-specify-a-breakpoint-and-switch-images/

<picture>とsrcsetを使用して、画面サイズに応じて画像を切り替える方法です。レティーナにも対応しています。このサンプルではIE用にPicturefillを追加しています。

これね。
これで解決。

物草 灸太郎
物草 灸太郎

WordPressでホームページを制作しつつ、休日は畑を耕したりDIYを楽しんでいます。

Loading...

コメントをどうぞ

  • メールアドレスが公開されることはありません。
  • コメント欄にURLは入力できません。
  • このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシー利用規約が適用されます。