CSSメディアクエリは去り、コンテナクエリがやってくる

 (tomquinonero.com)
6 ポイント 投稿者 xguru 2021-10-01 | 1件のコメント | WhatsAppで共有

  • レスポンシブページを作る際、画面サイズではなくコンテナのサイズに応じて変更する方式

  • まだ仕様の初期段階

  • Chromeではフラグを有効にした場合のみサポートされるが、CQFillポリフィルを使えばすべてのブラウザで先行して適用可能

@container (min-width: 600px) {

  .card {

    display: flex;

  }

}

関連記事

1件のコメント

 
xguru 2021-10-01

CSSメディアクエリは去り、コンテナクエリがやってくる

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries