コンテナクエリヘルパー
親クラス、コンテナ名、しきい値、固定レイアウトを選び、対応する CSS をコピーします。
123456
使い方
使い方
- 有効な ASCII CSS 識別子を入力し、しきい値を選びます。
- 子レイアウトの列数と間隔を選びます。
- ローカルのリサイズプレビューを確認し、CSS をコピーします。
対応する CSS コントラクト
親に container-type: inline-size を付け、子クラス用の名前付き @container を生成します。任意の CSS 本体は受け付けません。
ローカルプレビューの範囲
サンプルコンテナは100〜1200pxで変更できます。非対応ブラウザーでは明示します。
よくある質問
あわせて知りたいこと
親の宣言は何をしますか？
親を inline-size クエリコンテナにします。
自分の CSS を貼れますか？
いいえ。任意 CSS の代わりに固定された安全なレイアウトを使います。