移动端流量早已超过电脑端，所以"手机上也要好看"不是可选项。问题只在用哪种方式实现。
一、三种做法对照
| 做法 | 原理 | 代价 |
|---|---|---|
| 响应式 | 一套代码，按屏幕宽度自动调整布局 | 设计要额外考虑各断点，开发量略增 |
| 独立手机站 | 电脑和手机各做一套，常见 m.xxx.com | 两套内容要维护，容易不一致；链接分散 |
| 自适应 | 按设备类型切换几套固定布局 | 中间尺寸（平板）体验常被忽略 |
二、为什么现在几乎都推荐响应式
- 只有一份内容：改一次两边都变，不会出现手机站还挂着去年价格的情况
- 链接统一：分享出去的网址在哪个设备上都能打开，不用做跳转判断
- 搜索友好：同一网址、同一内容，不存在两套页面互相竞争的问题
- 维护成本低：只有一个后台、一套模板
三、什么情况下才考虑独立手机站
- 电脑端和手机端功能差别很大：比如电脑端是复杂的报表系统，手机端只是查询
- 历史遗留：老站改造成响应式的成本高于重建
- 有明确的独立运营需求（如手机端走另一套内容策略）
四、做响应式最容易漏掉的三件事
- 图片：同一张图在手机上要小得多，只靠 CSS 缩小会浪费流量、拖慢加载
- 触控：按钮和可点区域要够大（建议不小于 44×44 像素），链接之间要有间距
- 表格：宽表格在手机上要能横向滚动，不能硬挤成看不清的样子
五、怎么验收移动端做得对不对
不要只看"手机上能打开"。至少在下面几个宽度各看一遍：375px（常见手机）、414px（大屏手机）、768px（平板竖屏）、1024px（平板横屏）。重点看有没有横向滚动条、文字有没有被切掉、按钮好不好点。
提醒：最有效的验收方法是用自己的手机打开，而不是在电脑上用开发者工具缩放。真机上的字体渲染、键盘遮挡、点击手感，模拟器都还原不了。