CSSメディアクエリは去り、コンテナクエリがやってくる
(tomquinonero.com)-
レスポンシブページを作る際、画面サイズではなくコンテナのサイズに応じて変更する方式
-
まだ仕様の初期段階
-
Chromeではフラグを有効にした場合のみサポートされるが、CQFillポリフィルを使えばすべてのブラウザで先行して適用可能
@container (min-width: 600px) {
.card {
display: flex;
}
}
レスポンシブページを作る際、画面サイズではなくコンテナのサイズに応じて変更する方式
まだ仕様の初期段階
Chromeではフラグを有効にした場合のみサポートされるが、CQFillポリフィルを使えばすべてのブラウザで先行して適用可能
@container (min-width: 600px) {
.card {
display: flex;
}
}
1件のコメント
CSSメディアクエリは去り、コンテナクエリがやってくる
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries