响应式设计让同一套代码在手机与电脑上都有良好表现，是性价比最高的适配方案。核心只有三件事。
三件套
- viewport 声明：head 中加入 meta viewport 标签，页面按设备宽度渲染，这是所有适配的前提；
- 流式布局：宽度用百分比或 max-width 代替固定像素，容器随屏幕伸缩；
- 媒体查询：在特定宽度断点下调整布局，例如小屏时把双栏变单栏、隐藏次要栏位。
老站改造的最小方案
对结构固化的老网站，不必推倒重来：先补 viewport 与图片 max-width:100%，再用一段针对小屏的媒体查询把固定宽度容器改为自适应、导航改为纵向排列，多数站点两小时内即可完成基础适配。
验证方式
用浏览器设备模拟器逐页检查横向滚动、字号与点击目标，再找一台真机验证触控体验，确认无误后提交搜索引擎的移动适配。
