上周六在南湖那家开了十年的老奶茶店等单，掏出来手机想搜之前收藏的那家老门东猫咖的营业时间，点进去直接傻了——字小得要拿放大镜看，整个页面挤成半屏，右边露着半截橘猫的照片，拖来拖去看个地址，十分钟过去，店员都在喊”芋泥啵啵好了啊”，我还在跟网页较劲。当时真的想把手机塞回包里再也不掏出来。
气到想摔手机。
不过话说回来，谁又没被这种破网页坑过呢？
你以为的“适配手机”，其实根本不是响应式设计
很多站长对响应式设计有个天大的误会，觉得只要做个m开头的移动域名，电脑站手机站来回跳，就算完成了适配——这跟响应式设计半毛钱关系都没有。
我之前见过个在五台山开独立书店的老板，为了让手机端的访客看着舒服，专门花了两万块找外包做了个独立的移动站点。结果用了半年发现，用户点链接的时候经常抽风，有时候跳对了移动站，有时候直接跳进几年前做的老电脑版页面，字小就算了，导航栏还挡着半页的书单。老板当时气得在微信上给我发了二十条六十秒语音，说这钱花得跟扔到秦淮河喂鱼似的，连个响都听不到。
说白了，响应式设计根本不是做两套站来回倒腾。它就是同一个网页，不管你是拿13寸的笔记本凑在屏幕前看，还是拿折叠屏展开成8寸的大小看，还是攥着5.5寸的老安卓机在地铁上刷，它自己会顺着你当前的屏幕宽度，把内容摆到最舒服的位置——不会让你左右拖页面，不会让字小到要把手机贴在眼睛上，不会把本来并排的三个按钮挤得叠成一摞，想点个联系方式都戳不准。
那些看起来“高级”的细节，全是响应式设计在偷偷干活
很多人觉得响应式设计就是“凑活能看”，真不是。
我上次逛个做手作陶瓷的博主的小站，电脑上打开的时候，首页是满屏的陶瓷杯大图，横版的，釉色润得看着就想摸。我当时好奇，把浏览器窗口一点点往窄了拖——拖到一半，三列的作品展示自动缩成两列，字的大小也跟着调了一点，间距松快了不少；等我直接把窗口拖成跟手机一样窄，三列直接变成单列，之前在右上角的导航菜单，自动折成了一个三条杠的小按钮，点一下才弹出来。全程没有刷新，没有跳页面，就安安静静的，一点都不打扰你看内容。
这种不声不响的适配，才是响应式设计最招人喜欢的地方。
说真的，我见过太多站为了省成本，根本不做正经的响应式，就硬把电脑版的网页缩成手机大小，按钮和链接挤得跟早高峰的珠江路地铁站似的，想点个“联系我们”，点三次能误触到旁边的“友情链接”。上次我想给个在颐和路开手工蜡烛店的店家发私信，点了五分钟都没找到对话框在哪，最后直接退出去找别家买了。店家后来跟我吐槽，说他每个月从网站来的咨询少得可怜，我当时没好意思说，就你那破站，谁有耐心找啊。
别迷信“全适配”的营销话术，好用才是真的
现在很多外包接活的时候，一开口就吹“我们做的是全端响应式，覆盖所有尺寸的设备，从手表到电视全能适配”。听着挺唬人对吧？实际测的时候就露馅了：拿个折叠屏折成一半看，页面直接错位成两半，一半是导航一半是空白；开个超宽屏看，内容直接拉得老长，字和图片离得十万八千里，看着累得慌。
真没必要。
普通人日常接触的屏幕就那几样：家里的台式宽屏，上班用的14寸笔记本，自己手里的6寸手机，偶尔拿出来看剧的平板。你把这几个尺寸下的显示效果调得舒舒服服的，就比那些吹得天花乱坠的“全适配”有用一百倍。响应式设计从来不是做给测试机看的，是做给真的会点进网站的普通人看的。
之前那个在五台山开独立书店的老板，后来没再给外包送钱，自己对着免费的教程调了俩礼拜，把原来跳来跳去的双站给改成了单页的响应式。现在不管是电脑还是手机，点进去直接就能看到最新的书单，手机上的字大小刚好，不用凑很近看，导航按钮也不会挡着内容。上个月他跟我说，店里周末来打卡的人，比之前多了快三分之一，好多人说就是刷到他网站觉得看着舒服，才特意找过来的。
你说这事有意思不？之前花两万做的移动站，没人看。自己花俩礼拜调出来的响应式，反而能拉来客人。
我现在每次点开一个网站，要是打开之后不用我手动调整大小，不用我拖来拖去找内容，第一反应就是给站长点个赞。毕竟大家刷手机的时间本来就碎得很，谁也不想把本来刷个网页的两分钟，全浪费在跟错位的页面较劲上。