エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
html picture要素の分岐が動かないとき - emuramemo
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
html picture要素の分岐が動かないとき - emuramemo
picture要素を使うことで、ウィンドウ幅ごとに読み込む画像を変更することができます。 しかし、どの幅... picture要素を使うことで、ウィンドウ幅ごとに読み込む画像を変更することができます。 しかし、どの幅でも同じ画像が表示されてしまい困りました。 ソース 以下、分岐が動作しないソース。 以下、修正したソース。 aタグをpicture要素の外に出してやるとちゃんと分岐が動作しました。pictureの中にaタグを入れてはいけないようでした。 「ulのなかにdivいれてやがる m9(^Д^)」レベルのミスですね…。仕様の理解不足…。 おまけ ちなみにpictureを使わずにsetsrcだけを使う方法もあります。 この場合、chromeでは一度最大サイズの画像を表示すると、もうそれしか表示しない仕様となっています。 参考:Chromeのsrcsetで誤解していた。 ビジュアルをウィンドウ幅ごとに確実に切り替えたいときはpicture要素を使うのがよさそうですね。 setsrcだけを使う場合と、p