Sofia Emelianova
CSS 容器查詢是網頁開發人員期待的全新 CSS 功能。也可能改變網頁設計，從網頁式回應式設計到容器式回應式設計。
Chrome 開發人員工具可協助您採用新的版面配置設計模式，隨時掌握最新趨勢。透過這項 CSS 功能，您現在可以在開發人員工具中檢查容器查詢並進行偵錯。
上方的影片概略介紹容器查詢、語法，以及如何在開發人員工具中檢查容器查詢。
您現在可以透過對應標記，切換虛線疊加層，找出容器元素及其子系。
檢查容器滿足查詢條件時套用至子系的 @container 規則。
如要進一步瞭解開發人員工具中的容器查詢支援功能，請參閱「檢查 CSS 容器查詢並進行偵錯」。