网站在手机上打开是一团糟，这事能提前避开

揭阳一位做五金的老板，上个月网站刚上线。验收那天他在办公室的大屏幕上看，挺满意；周末自己用手机点开，愣住了——首屏的图只显示了一半，标题挤成两行，右下角空着一块。

他说，电脑上明明好好的。这句话我们听过很多遍。

问题不在电脑，也不在手机。多数网站的手机端体验出问题，是因为验收那天，根本没人把手机掏出来。

现在的访问早就不在电脑上了。超过七成访问来自手机，可多数老板拍板那一刻，眼睛盯的还是办公桌上那台显示器。

一套内容，手机电脑自己换排法

这种做法的通用名字是响应式网站设计，解决的正是手机端适配这件事。说人话：网站只有一套内容，手机、平板、电脑打开时，它自己换排法。

宽的屏幕上横着排的东西，到了窄屏幕上自动竖过来；导航收进一个按钮里；图片按屏幕宽度缩放。不用做三个网站，同一个页面在不同尺寸下自己换样子。

好处很实际：改一次，手机、平板、电脑上一起变。老板换电话、换活动，改一遍就行，不用来回对照两个版本。

对老板来说，判断标准很简单：手机上不用放大、不用横屏，就能看清主要内容、找到联系方式。手机上要放大才看得清的网站，等于没做完。

验收那天，拿自己的手机走一遍

验收时，我们自己固定会走这几步：

• 首屏：标题、电话、主要按钮，第一眼能不能看清；
• 表格：宽一点的表格有没有溢出屏幕、被截掉一截；
• 图片：会不会变形、模糊，或者转半天出不来；
• 联系方式：点电话能不能直接拨号，点地址能不能直接开导航。

还有两点提醒。用你自己的手机试，别用开发方递过来的演示机——你的屏幕大小、你的网络，才是真实环境。店里 WiFi 和外面 4G 各看一遍，差的地方往往就在这。

表格和联系方式是重灾区。表格是排版时生成的，不专门处理，到了手机上就会撑破屏幕；联系方式不能直接点，等于把送上门的电话挡回去。

发现问题也别只看截图。让开发方在真机上改完，你再用手机过一遍，确认没问题再付尾款。

单独做个手机版，麻烦在后头

有的老板会听到另一个建议：电脑版不动，另外做一个手机版网站。听起来省事，其实麻烦在后头。

两套内容，日子一长必然分叉。电脑版换了价格，手机版忘了改；手机版被当成「简化版」，砍掉几块内容，回头又要补。补着补着，两边对不上，客户看到的和你说的就成了两回事。

响应式是一套内容，从根上就没有分叉这回事。手机版网站要改两遍、盯两个地方，省下来的那点事，后面都得还。

说到底，手机上的样子，是验收环节里那十分钟的事。把手机放进验收清单，大多数「一团糟」在付款前就能拦住。

至于做一套响应式网站设计要多少钱，几千到几万都有人报，看页面多少、要不要多语言、要不要对接你现有的系统。这只是大致区间，具体费用要根据你的实际需求评估。我们的习惯是先出需求清单或方案，再给明细报价。

汕头、潮州、揭阳的老板，下次验收网站，记得把手机掏出来。这一趟花不了十分钟，省下的可能是整个改版的钱。

网站做完之后怎么让它持续带来客户，可以读营销型网站建设那篇；上线三年没动过的网站亏在哪，我们写在官网三年没改里。想让我们帮你看看现在的网站在手机上是什么样，打 13829578822，微信同号。