CSSの新機能コンテナクエリのポリフィルがこれほど使いやすく、Googleから提供されたことは素晴らしい

先日の記事（2022年、注目しておきたいCSSの新機能のまとめ）の中でもすぐに使えたら便利な機能の一つが、コンテナクエリです。 コンテナクエリがすべてのモダンブラウザで動作するポリフィルがGoogleからリリースされたので、紹介します。 A New Container Query Polyfill That Just Works by Chris Coyier 今まではメディアクエリを使用していましたが、ビューポートベースのメディアクエリでは限界が見えてきました。そこでコンテナクエリの登場です。コンテナクエリは、親コンテナのサイズに応じて要素のスタイルを設定できます。 たとえば、コンポーネントを1カラムに配置する時と2カラムに配置する時、そしてサイドバーに配置する時それぞれに適したスタイルを与えることができます。詳しくは、以前の記事をご覧ください。 CSS コンテナクエリの基礎知識と便利な

[coliss]

コンテナクエリがすべてのモダンブラウザで動作するポリフィルがGoogleからリリースされました。

[Kmusiclife]

で、flexboxはもう全員使ってるの？笑

[say-01]

すぐ使う明日から使う

[ultimatebreak]

助かる(要件にIEは助からない)

[w_bonbon]

caniuseで見るとコンテナクエリってChromeでさえまだ策定中なんだ。先取りで使えるようになる感じなのかな。

[fai_fx]

これはいろいろ捗る。

[cartman0]

メディアクエリ脱却まで長かったな