Developer tool / Local processing

CSS Container Query 產生器
CSS Container Query Generator

容器名稱container-type最小寬度（px）最大寬度（可留空）CSS 屬性CSS 值

調整瀏覽器寬度查看容器概念

常見問題

Container Query 與 Media Query 有何不同？

Media Query 依視窗或裝置條件調整；Container Query 依元件容器尺寸調整，更適合可重用元件。

一定要設定 container-type 嗎？

通常需要在父容器設定 inline-size 或 size，瀏覽器才可依容器尺寸套用 @container 規則。