ブログ

同じ商品カードなのに、グリッドでは美しく見え、狭いサイドバーでは崩れてしまう——メディアクエリを注意深く選んでいたとしても。問題はコードにあるのではなく、メディアクエリがそもそも何を尋ねているかにある。画面の幅を尋ねているのであって、そのコンポーネントが実際に与えられたスペースを尋ねているわけではない。コンテナクエリがこの問いをどのように本来あるべき場所へ移し、要素が『クエリのコンテナ』になったとき実際に何が起きているのかを見ていく。

CSS Houdiniは単一の技術ではなく、成熟度がまちまちな仕様の集合体です。今どの部分が本番投入に耐えるのか、`@property`とpaint workletが実際にどう動くのか、そして残りがなぜ今なお実験段階のままなのかを確認しましょう。