https://takao.blog/zh/tags/responsive/Recent content in Responsive on Commentary of TakaoHugo -- gohugo.iozhCommentary of TakaoWed, 15 Jul 2026 22:01:08 +0900https://takao.blog/zh/web/css-container-queries-vs-media-queries/Thu, 10 Jul 2025 00:00:00 +0900https://takao.blog/zh/web/css-container-queries-vs-media-queries/<img src="https://takao.blog/img/thumbnail/css-container-queries-vs-media-queries-zh.png" alt="Featured image of post 使用 CSS 容器查询设计模块化布局" /><h2 id="介绍">介绍 </h2><p>多年来，<strong>媒体查询 (<code>@media</code>)</strong> 一直是响应式网页设计的基础。</p> <p>媒体查询根据浏览器窗口的视口宽度触发布局更改。然而，在现代组件驱动开发（使用 React、Vue 或 Web Components）中，基于视口的样式组件有明显的局限性。</p>