https://takao.blog/zh-tw/tags/responsive/Recent content in Responsive on Commentary of TakaoHugo -- gohugo.iozh-TWCommentary of TakaoWed, 15 Jul 2026 22:01:08 +0900https://takao.blog/zh-tw/web/css-container-queries-vs-media-queries/Thu, 10 Jul 2025 00:00:00 +0900https://takao.blog/zh-tw/web/css-container-queries-vs-media-queries/<img src="https://takao.blog/img/thumbnail/css-container-queries-vs-media-queries-zh-tw.png" alt="Featured image of post 使用 CSS 容器查詢設計模組化佈局" /><h2 id="介紹">介紹 </h2><p>多年來，<strong>媒體查詢 (<code>@media</code>)</strong> 一直是響應式網頁設計的基礎。</p> <p>媒體查詢根據瀏覽器視窗的視窗寬度觸發佈局變更。然而，在現代元件驅動開發（使用 React、Vue 或 Web Components）中，基於視窗的樣式元件有明顯的限制。</p>