
界面设计核心链路应该怎样逐步拆开老页面的响应式改造先拆哪一块取决于风险和收益。通常先处理外层宽度、溢出和滚动让页面在窄屏能工作再拆用户最常走的模块。一次同时改根容器、组件和交互出问题时很难回溯。.shell { width: min(100% - 2rem, 72rem); margin-inline: auto; } .module { container-type: inline-size; } container (max-width: 36rem) { .module__aside { display: none; } }隐藏次要内容前确认它不是唯一的操作入口并给屏幕阅读器和键盘用户可达的替代路径。浏览器不支持容器查询时组件应保持单列可用而非依赖复杂的 JavaScript 兜底。每一步单独发布或保留开关能减少迁移的不确定性。