手机上打开就排版错乱？移动端建站的五个细节

「电脑上看着挺好，手机上打开就散了。」这是企业官网最常收到的反馈。现在多数行业的移动端访问占比已经超过一半，官网在手机上能不能看，基本决定了它有没有用。下面五个细节最容易被忽略。

一、字号和行距。电脑上的 14px 正文放到手机上会小到需要放大。移动端正文建议不小于 15px，行距留出呼吸感。标题层级要拉开，让访客一眼能扫出结构，而不是面对一整块密密麻麻的字。

二、按钮要够大、够明显。手机是靠手指点的，按钮的点击区域建议不小于 44px 高。「联系我们」「立即咨询」这类关键按钮要放在拇指容易够到的位置，并且在一个页面里重复出现，而不是只在页脚放一次。

三、图片要按屏幕适配。电脑上合适的大图直接搬到手机上，既慢又容易溢出。图片应当按容器宽度自适应，同时做压缩。首页首屏的图尤其重要，它是移动端加载耗时的大头。

四、表单能短就短。手机填写表单的耐心远低于电脑。询盘表单留两三个必填项就够：姓名、电话、需求。字段越多，放弃率越高。输入框要调用合适的键盘类型，填手机号时弹出数字键盘，这种小细节体验差别很大。

五、加载速度。移动端网络环境不稳定，页面超过三秒还没出来，大部分人就直接退出了。压缩图片、减少插件、开启缓存，这三件事基本能解决大部分速度问题。

还有一点值得单独说：不要用「电脑上做好了再适配手机」的思路，而应该从一开始就按移动端先行的思路排版。内容顺序、段落长度、按钮位置都按小屏幕来设计，再放大到桌面端，出来的效果通常比反过来好得多。

如果你是自己搭站，选模板时一定要切到手机预览模式看一遍，而不是只看电脑效果。启业网的模板都做了移动端适配，编辑器里可以直接切换手机预览，改完即时看到真机上的效果，免费入驻后就能用，不需要额外开发。