官网别只在电脑上看好看：说说移动端这些容易翻车的地方

官网别只在电脑上看好看：说说移动端这些容易翻车的地方

现在做企业官网有个绕不开的事实：绝大部分人是拿手机打开的。可很多站还是"电脑上一看挺好，手机上一开就露馅"——字小得要眯眼，按钮挤在一起点不中，图片撑出屏幕横着还能滑。这些都是移动端没认真做的表现。

先把一个老问题说清楚：响应式和自适应的区别。响应式就是一套代码、弹性布局，屏幕多宽它自己调，平板手机折叠屏都能适配，维护起来也就一套，现在基本都用它。自适应是给不同设备各准备一套固定布局，比较老了，维护成本高。所以你要是听人说"响应式还得额外加钱"，多半不太对——它现在是标配，一般已经含在前端开发里了。

真正的重点是"移动优先"这个思路。它不是把电脑版做好了再压缩到手机，而是设计的时候就先想手机上怎么呈现，内容按重要性排序——小屏就那么大，重点得先露出来——然后再往平板、电脑上扩展。道理很简单，流量大头在手机，你总不能让大多数人用的那个端"将就"。

具体容易翻车的地方，我列几个我最常在真机上抓到的。

一个是字和按钮。手机上正文字号别太小，行距留白舒服点；按钮和链接要够大、之间留间距，不然手指一点就误触。这个 PC 上完全看不出来，非得拿真手机戳一戳。

一个是性能。手机网络和设备参差不齐，加载慢一两秒，跳出率就上去了。图片一定要优化，WebP、按尺寸出图、懒加载都得上；首屏别整个自动播放的大视频，那玩意儿最拖后腿。

还有就是那些细节：图片别溢出屏幕、表格在手机上别挤成一坨（要么能横滑要么改造成卡片）、电话号码最好做成能点击直接拨的（tel: 链接）、表单在手机上别让人填一大堆。移动端用户耐心比 PC 短，转化路径能短就短。

我们（北京乐兮创想科技有限公司）交付前有一步是必做的——不看 PC 模拟器，直接拿真手机把每个页面过一遍。乐兮创想科技踩过的教训是，模拟器上好好的，真机上字号、点击、加载全可能出问题，只有真机能兜住。说到底，官网在手机上好不好用，往往比在电脑上好不好看更影响你最后能接到多少询盘。