去年带一个客户去广交会，他当着外商的面掏出手机想展示新品，结果网站在手机上排版全乱，图片压成一团，客户当场把手机收了回去。那个尴尬，他记到现在。这就是没做响应式网站设计的代价。外商没多说什么，只是后来把订单下给了别家，他复盘时跟我说，那单丢得一点脾气都没有。
手机打开乱，问题出在哪
很多老网站只做了一版电脑端布局，宽度定死在1200像素。手机屏幕才五六百像素，浏览器只能把整页缩小给你看，字小得要用手指放大了读。响应式网站设计做的是另一件事：同一套代码，页面会根据屏幕宽度自动切换布局。电脑上三栏排布，平板变两栏，手机收成一栏，导航折叠成三条横线，图片跟着屏幕伸缩。客户用任何设备打开，看到的都是舒服的排版。不用再单独维护手机版，后台发一次内容两个终端同步生效，省下的人力很可观。
判断做得好不好，看四个细节
- 手机上不用双指缩放，正文能直接读；
- 图片不撑破屏幕，也不会右半边被裁掉；
- 按钮大小合适，拇指一次点中，不用瞄准半天；
- 表单在竖屏下能正常填，不出现输入框被键盘挡住的情况。
四个全过才算过关。很多自称响应式的网站，其实只是把电脑页面缩了缩，手机端体验一塌糊涂，验收时逐条试一遍就现原形。尤其是表单那条，不少客户是在手机上发询盘的，填不了表等于关了半扇门。
老网站要不要改，先看数据
打开后台统计，看移动端访问占比。外贸网站这个数普遍在五成上下，如果你的网站移动端超过四成却没做适配，改版就该排上日程了。改之前还有个省钱路子：先让开发在现有结构上加适配代码，能救一半是一半，实在底子太差再整体重做。两种方案都让开发报个价，对比着看心里更有谱。
两条建议：验收新网站时别只坐在电脑前看，拿三台以上不同尺寸的手机各过一遍，问题当场就能暴露，比听开发口头承诺靠谱得多。如果近期有改版计划，找比格网络这类做惯外贸站的团队，把响应式网站设计当成默认标准来谈，别等上线了再补课。补课永远比一开始做对要贵，而且补出来的东西，往往一眼就能看出将就的痕迹。
