重新思考如何构建 RWD 网页，透过 CSS Container Queries
一开始听到CSS Container Queries 这个名词还是在一两年前，随着时间演进建构网页的模式也变动了许多次，我也越来越确信这项技术会是未来建构 RWD 网页的一块重要拼图，文章将介绍现有的Media Queries 有哪些缺陷，新解方则具备哪些优势？
一开始听到CSS Container Queries 这个名词还是在一两年前，随着时间演进建构网页的模式也变动了许多次，我也越来越确信这项技术会是未来建构 RWD 网页的一块重要拼图，文章将介绍现有的Media Queries 有哪些缺陷，新解方则具备哪些优势？
我既设计网页也开发网页，并且在过去几年经验中总结发现设计与开发配合上容易遇到的问题像是：我需要绘制多少种尺寸的网页？我需要为网页设置多少个断点？这篇文章我分享自己作为设计者与开发者的经历以及你为何应该使用越少的断点来制作响应式网页越好。
响应式网页内的内容像水一样，顺应着浏览器的尺寸(容器)自动填装，只要内容挤破容器就会产生x 轴，因此解决方法无疑就是「找出网页中超出浏览器宽度的元素」。这是大多数人困惑的地方「知道问题点，但是不知道怎么下手 🥺」。实际上这个问题的解决方法很简单，本篇文章提供提供两种解决方案。
行动装置占了现代网际网路流量的一半以上，并且这样的趋势只会越来越高，随着行动装置的普及，像手表、手机、平板……等装置，连结上网页的装置只会越来越多元零碎，而每个装置又有不同的解析度与尺寸，因此市场对「能够适应各种装置」的网页需求是大大的增加，因此出现了 Responsive Web Design (RWD) 的做法。