cohamucohamu https://blog.hatena.ne.jp/cohamucohamu/ コハム https://cohamu.com/ css javascript .matchContainer() Polyfill ウェブ開発において、レスポンシブデザインはもはや標準です。長年にわたり、メディアクエリ（@media）はビューポートサイズに基づいてスタイルを適用するための主要なツールでした。しかし、真のコンポーネントベースの設計には、親要素のサイズに基づいて反応するコンポーネントが必要です。この問題を解決するために登場したのがCSSコンテナクエリ（@container）です。 しかし、コンテナクエリには重要な問題があります：メディアクエリがwindow.matchMedia()を通じてJavaScriptから操作できるのに対し、コンテナクエリには同様のJ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fcohamu.com%2Fentry%2F20250228%2F1740706200" title="コンテナクエリの欠点を解消！.matchContainer()のPolyfillが登場 - コハム" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/c/cohamucohamu/20250227/20250227204550.png Hatena Blog https://hatena.blog 2025-02-28 10:30:00 rich https://cohamu.com/entry/20250228/1740706200 1.0 100%