客户半夜发来一张手机截图：首页的轮播图把整屏占满，导航按钮叠在一起，中间那段介绍文字小得要眯眼看。配的文字是：我用同事手机打开咱们的网站，怎么成这样了，昨天电脑上看着还挺正常的。模板建站的多端适配问题，就这样毫无预兆地暴露在一位正准备下单的潜在客户眼前。
原因一：模板本身就不是响应式
最根本的一种。早期模板很多是按电脑端做的，手机访问时要么整页缩小，要么直接跳转一个简陋的独立手机版。买模板前先看介绍页有没有标注响应式三个字，没标的默认不是；演示页底部一般有查看手机版的入口，没这个入口的要多个心眼。判断方法：电脑上拖动浏览器窗口宽度，页面元素跟着自适应缩放的，是响应式；纹丝不动的，就不是。非响应式模板没有别的路，趁早换，这不是优化能救回来的。
原因二和三：图片与写死的宽度
第二类出在图片上。有些图在电脑端看着正常，手机上比例失衡、把文字挤出屏幕，多是图片容器没做自适应，或者上传的图比例太极端。第三类是模板里写死了固定宽度，比如某个区块设了九百像素，手机屏幕只有三百多，溢出、错位全来了。这两类都能修，让服务商定位到具体区块调整，通常一两个工时的活。修改前后各截一张图存档，出了新问题有对照，扯皮也快。
- 手机实机过一遍主要页面，别只看演示器
- banner按手机端预览再定裁切位置
- 正文字号别小于十四像素，行距留足
- 表单在手机上逐项点一遍，键盘弹出不遮输入框
原因四：第三方组件打架
还有一类隐蔽问题：在线客服、地图、视频等第三方组件和模板样式冲突，比如客服弹窗把整页挡住关不掉。第三方组件尽量少而精，装得越多，出问题的概率越大。排查方法是逐个停用组件再刷新，谁停了页面正常，问题就在谁身上，然后换组件或者改调用方式。模板建站的适配这事没有一劳永逸，每次新增组件、换banner都可能引入新问题，所以改一次就验一次。
两条建议：把手机端检查纳入每次更新后的固定动作，测试手机别只用自家那台，借同事的不同品牌各看一眼，安卓和苹果的表现有时不一样；适配问题趁早修，访客不会告诉你页面乱了，他只是默默关掉，多花的是两分钟，省下的可能是一单生意。比格网络交付前有一份多机型检查清单，手机、平板、电脑各过一遍才上线，上线之后发现问题也随叫随修。
