Responsive Web Design（RWD）：响应式网页设计

响应式网页设计（RWD）是一种让页面随不同屏幕与可用空间调整、保持可用性的设计方法。MDN强调它不是单独的一项技术，常由弹性布局、可伸缩媒体和条件化样式共同实现。

一个例子

商品页在宽屏上把图片与购买信息排成两栏；空间变窄后，两栏重排为单栏，图片不溢出，选项和按钮仍可操作。发生明显布局调整的条件常称为断点，应围绕内容何时放不下决定，不必给每一款手机单独制作尺寸。

这与把整张桌面页面等比例缩小不同：缩小后虽然全部塞进屏幕，文字和控件却可能无法正常使用。响应式也不要求一定有某个固定像素的“手机断点”，弹性布局可以在一段宽度内连续变化。

与其他概念的边界

单独移动站按另一套地址或内容提供页面，是不同的组织方式；仅仅能在手机浏览器打开，不足以证明页面适配良好。同样，布局会响应不代表加载一定快，也不代表键盘操作、阅读顺序或放大文字已经可用。

讨论验收时应说明宽度、方向、缩放和内容状态。长商品名、不同语言、缺货提示都可能暴露正常示例中看不到的溢出。响应式解决空间适配，LCP等性能指标回答另一类问题，二者需要分别检查。