容器查詢有望通過基於單個元素（容器）而不是整個視口的尺寸啟用佈局決策來革新Web設計。想像一個容器，該容器在600px寬，但在較窄的寬度上切換到列佈局 - 這種顆粒控制水平是變換的。這與僅依賴屏幕尺寸斷點的傳統響應設計明顯不同。
雖然百分比（％）提供了一些與容器相關的尺寸，但它們的功能是有限的。例如，可以將容器的寬度設置為其父母寬度的百分比，但是沒有鏈接屬性的機制。例如，您不能將字體大小設置為容器寬度的百分比。
輸入容器單元！擬議的規範介紹了幾個新單元：
這可以解鎖前所未有的靈活性。字體大小，線高，間隙，邊距（幾乎任何屬性）現在可以根據容器的寬度進行動態調整。
可以提前訪問！ Miriam（@terriblemia）突出顯示了Chrome Canary的支持（啟用了容器查詢標誌）。快速演示視頻展示了潛力。
斯科特（Scott）的進一步探索（如果提供的話，請在此處插入斯科特（Scott）的工作），艾哈邁德（Ahmad）會發出其他見解：
艾哈邁德（Ahmad）的Shaded強調了用於管理組件內字體大小，填充和邊距的容器單元的效率提高，從而消除了對手動調整的需求。
同時釋放容器查詢和容器單元仍然不確定，但潛在的影響是不可否認的。
以上是容器單元應該很方便的詳細內容。更多資訊請關注PHP中文網其他相關文章！
