CSS Container Query 產生器
設定 container name、selector、斷點、欄數與 gap，立即產生 container-type、@container query、fallback 提醒與可複製 CSS。
Container Query 適合用在卡片、側欄、商品列表與可嵌入元件，讓元件根據父容器寬度改變版面，而不是只看整個 viewport。這個工具會把常用斷點、欄數與 gap 轉成可直接貼進專案的 @container CSS，並提醒命名與斷點重疊風險。
設定 container name、selector、斷點、欄數與 gap，立即產生 container-type、@container query、fallback 提醒與可複製 CSS。
Container Query 適合用在卡片、側欄、商品列表與可嵌入元件，讓元件根據父容器寬度改變版面，而不是只看整個 viewport。這個工具會把常用斷點、欄數與 gap 轉成可直接貼進專案的 @container CSS，並提醒命名與斷點重疊風險。