2026.09.18
マージンが全節で 0 になっていた — `:where()` で CSS 詳細度を 0 に落とした記録
ある顧客クリニックのページ改修で、見出し下の余白が全節で 0 になるバグが出た。リセット規則の詳細度 (0,1,1) がレイアウトクラス (0,1,0) に全勝していたのが原因。`:where()` で詳細度を 0 に落として解決した記録。
tag
#フロントエンド
「フロントエンド」がついた記事 3 件。
-
-
2026.09.16
日本語フォントが 7.9MB 引いていた — Lighthouse mobile 52 から 95 へ
ある顧客クリニックのサイトで Lighthouse mobile が 52 から 95 になった。原因は Adobe Fonts の日本語動的サブセットが 1 ページ 7.9MB を引いていたこと。フォントを自前配信に切り替えた経緯と途中の事故を残す。
-
2026.07.17
width !important が効かなかった理由は、flex-grow だった
フッターのボックスを中央寄せしたら幅が間延び。width !important を試し、JS インラインスタイルを試し、それでも 1000px のままだった。真因は flex-grow だった。