※社内専用

【WordPress 6.7】「img:is([sizes=”auto” i], [sizes^=”auto,” i]) { contain-intrinsic-size: 3000px 1500px }」を削除する方法

  • HOME
  • EPRESS-BS
  • 【WordPress 6.7】「img:is([sizes=”auto” i], [sizes^=”auto,” i]) { contain-intrinsic-size: 3000px 1500px }」を削除する方法

問題

Microsoft Edgeにて画像が崩れる箇所がある
※firefox、chromeでは崩れていない




解決方法

_setting.phpに以下を追記
remove_action( 'wp_head', 'wp_print_auto_sizes_contain_css_fix', 1 );



解説

WordPressバージョン6.7よりheadタグに以下のコードが強制的に追加されてしまう。
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
Microsoft Edgeにて上記cssが不具合を発生させているのでそれを無効化するコードを_setting.phpに追記すると解決



参考サイト