晚上十一点，做餐饮加盟的张总在微信上发来一句话：为什么我老婆用你们做的网站下单，总按错按钮？说实话，这不是什么高深的技术故障，就是字号和点击区域没按手机的习惯来。很多人以为移动端适配就是页面能缩进屏幕就行，实际上缩进去只是及格线，能不能舒服地看、准确地点，才决定访客愿不愿意在你网站上多待一分钟。而且这些细节不上手根本发现不了，截图里全是看不见的。
字号不是把电脑上的缩小一号
有些便宜的建站项目图省事，直接把桌面版页面整体压缩塞进手机，看着什么都有，实际上正文只有八九个像素大，用户得拿两根手指放大了看。手机正文的舒适字号在 16 像素上下，行高放到 1.5 以上，重点句子用加粗突出，段落之间的留白要比电脑端更大。标题层级也要重新排，电脑上挨得近没关系，手机上必须一眼分清主次，密密麻麻的文字墙会把人直接劝退。别觉得这是吹毛求疵，手机上阅读耐心只有电脑的一半，三行小字下去访客就退了，你精心写的卖点根本没机会被看到。
点击区域比你想的大得多
手机上没有鼠标，指尖比光标大了好几倍。业界通行的标准是可点击元素不小于 44 像素见方，两个按钮之间至少留出 8 像素的空隙。常见的翻车现场包括：返回按钮紧贴屏幕边缘，手指够着费劲；表单下拉框太小，选个省份要戳四五次；电话图标和咨询图标挤在一起，想打电话结果点进了弹窗。这些毛病不是做不出来，是没人拿真机点一遍，坐在电脑前用鼠标点，什么问题都发现不了。
- 导航栏每个菜单项的间距拉开，别为了塞更多栏目把字挤小。
- 输入框高度做到 44 像素以上，键盘弹起时不能挡住正在填的框。
- 悬浮咨询按钮避开返回手势的触发区域，不然一滑就误触。
- 文章列表的标题和摘要字号同步放大，别让列表页比详情页还难读。
给两条实在建议
移动端适配的功夫，全藏在这些摸得到的细节里。谈需求的时候，直接拿一台安卓、一台 iPhone 当场试用样品站，重点按一遍按钮和表单，手感骗不了人。当场按，当场问，比你事后翻十遍聊天记录都有用。如果你们团队自己没有判断经验，可以找比格网络这样做过大量移动项目的服务商，把字号和点击区域的标准直接写进验收清单，谁交付谁负责。
