为什么非做不可
大多数行业的网站流量里，手机端占比已经超过 70%，部分 To C 行业甚至超过 90%。非响应式网站在手机上会出现字小、按钮点不准、图片溢出等问题，用户三秒内就会离开。另外百度、谷歌都把移动端体验作为排名因素。
两种做法
- 响应式（推荐）：同一套代码通过 CSS 媒体查询适配不同屏幕，维护一套内容，URL 统一，对 SEO 最友好。
- 独立移动站：单独开发
m.example.com，体验可做深度优化，但要维护两套内容，还容易出重复收录问题，现在已很少推荐。
适配时最容易翻车的地方
- 导航：桌面端的多级菜单要改成汉堡菜单或底部标签栏。
- 触控尺寸：按钮点击区域不小于 44×44 像素，间距留够。
- 表单：输入项能省就省，手机号要自动唤起数字键盘。
- 图片：用
srcset按屏幕尺寸加载不同分辨率，别让手机下载桌面大图。
验收时别只在模拟器里看，至少拿一台安卓机和一台 iPhone 真机走一遍完整流程。