2021年05月13日(木)

CSS コンテナクエリの基礎知識と便利な使い方を解説

• 0
• 115
• 78
• 212

CSSのコンテナクエリは、2023年2月14日にFirefox 110にサポートされ、これですべてのブラウザで利用できるようになりました。コンテナクエリの基礎知識と便利な使い方を紹介します。

メディアクエリはビューポートサイズに基づきますが、コンテナクエリは文字通り親コンテナに基づいてスタイルを定義できます。これによりコンポーネントを複数のコンテクストで使用でき、コンポーネント単位の実装も簡単になります。