官网到了翻新年头
与其 PC 站缝缝补补再单做个手机站，不如一次改成响应式——以后加栏目改内容，只维护一个地方。
BREAKPOINTS · 档案一
窗口一窄，页面自己会挪
不是做三个网站，是同一套页面在 1080 和 640 两个断点上自动换排布——拖动浏览器窗口就能看到它自己重排。
≥1080PX桌面端 · 三栏排布，栏目全展开
640–1080PX平板端 · 两栏排布，间距收紧
≤640PX手机端 · 单栏排布，拇指好点
SERVICE FILE · 档案二
这一单，都做些什么
从断点规划到三版设计稿再到 42 项自检，一套流程走完，交出去的是"在哪打开都体面"的网站。
服务档案 · FILE 04
响应式建站
桌面、平板、手机三端共用一套代码与一个后台：发布一篇文章，三个屏幕同时更新——省一半维护功夫，少一半出错机会。
本月排期：还剩 2 个档位可启动
服务范围共 6 项 · 逐项写进合同
- 三端信息架构与断点规划（1080 / 640 双断点）
- 桌面 + 平板 + 手机三版视觉设计稿
- 弹性栅格与流式布局前端开发
- 图片懒加载与多分辨率适配（retina 屏不糊）
- 42 项响应式自检清单逐项验收
- 老官网响应式改造（可选加购）
CHECKLIST · 档案三
42 项自检清单，节选几条看看
"适配好了"三个字太虚——我们把它拆成 42 条能逐条打钩的硬标准，交付前每条都要过。
03/42
三档断点各屏宽下，页面无横向滚动条。
07/42
图片随窗口自动缩放不变形，不留空白破版。
13/42
按钮与链接触控热区不小于 44×44 像素。
18/42
导航在小屏收进汉堡菜单，展开不遮挡正文。
24/42
平板横竖屏切换，布局不错位、文字不溢出。
29/42
小屏字号行距重排，站着晃动也能读顺。
36/42
微信内置浏览器打开正常，分享卡片带图带摘要。
42/42
全项复测通过，打印清单双方签字，交付上线。
以上为节选 · 完整 42 项清单随合同附上，验收时逐条打钩
DELIVERY · 档案四
交付物与周期，白纸黑字
三端都要过一遍，周期比单做手机站长一些——多出来的时间，都花在您看不见的细节上。
| 阶段 | 交付物 | 周期 | 您需要配合的事 |
|---|---|---|---|
| 01需求沟通 | 《三端需求确认单》+ 断点规划说明 | 1 个工作日 | 说清主要客户用什么设备访问 |
| 02原型规划 | 全站页面原型（标注三端变化） | 3 个工作日 | 确认栏目结构与内容优先级 |
| 03视觉设计 | 桌面 / 平板 / 手机三版设计稿 | 5 个工作日 | 确认视觉风格与关键页 |
| 04前端开发 | 响应式页面 + 交互动效 + 后台 | 7 个工作日 | 提供文案与图片素材 |
| 05测试上线 | 42 项自检报告 + 真机回归测试 | 3 个工作日 | 按清单逐项验收签字 |
FOR WHO · 档案五
这套服务适合谁
客户一半在电脑、一半在手机的生意，最适合一步到位。
客户分布在各种屏幕
B2B 客户上班用电脑看，下班用手机刷——同一套内容在两边都体面，报价单发出去更有底气。
不想记两套后台密码
单独的 m 站要两头更新，忙起来总有一边是旧的。响应式一个后台全搞定，发完就完。
Q&A · 档案六
客户最常问的两句话
关于响应式，问得最多的两件事，一次说清。
响应式和单独做手机站，到底选哪个？
预算够、官网要长期用，直接上响应式，一步到位还省后续维护；预算紧、老官网暂时不想大动，先做手机站过渡，之后翻新时再并成响应式也不迟。拿不准的话，把您的网址发给我们，顾问看完流量构成会给您一句准话。
老官网能直接改成响应式吗？
看底子。结构规范的，保留视觉换前端，工期短费用省；当年用老模板套的，硬改不如重做——就像旧房子改水电，有时候比新建还贵。我们会先给老官网做次免费体检，出份"能改 / 该重做"的评估再谈价格，不吓唬人。
RELATED · 档案七
接着往下看
响应式是底子，配上下面的档案，获客的整套家什就齐了。