响应式设计

响应式布局不是简单缩小桌面页面，而是让内容在不同视口中保持层级和操作效率。

核心说明

响应式设计的重点是内容在不同屏幕上仍然易读、可操作。布局、字号、间距和导航都应该根据可用空间渐进调整。

关键点

• 先保证窄屏的内容顺序和核心操作，再为更宽屏增加列和装饰。
• 断点应该由内容何时开始拥挤决定，而不是照搬设备型号。
• 真实设备和浏览器缩放都要测试，不能只看一个固定截图。