前几天朋友突然找我帮忙，说他家小店想弄个网页挂网上。我一拍大腿说这事简单，当场打开电脑就开干！

从零开始折腾

翻出吃灰的记事本就开始码字。先哐哐敲了这几行：

• 噼里啪敲标题：直接把朋友店名甩上去当门脸
• 扒拉手机相册：找了张店面招牌照塞进网页
• 电话地址怼上去：在图片底下糊了行大字

存成「破店.html」点开一看——好家伙！字挤作一团，图片大得撑破屏幕，手机上看全是错位！朋友在旁边直挠头：“这...这能行吗？”

跟浏览器打架的日子

咬咬牙搬出十年前学的网页三件套重新捣鼓：

• 套了个粗布麻袋：用CSS把网页宽度捆在800像素
• 暴力缩小照片：给图片加了width="100%"让它乖点
• 强行分地盘：拿div把电话地址隔开二十公分

刚想炫耀，朋友手机打开还是乱码七糟。气急败坏搜教程才明白，现在得搞什么响应式。熬夜给每个元素加media query，屏幕小时自动缩小字号，折腾到凌晨三点终于能在各种手机上看全乎了！

意外收获

昨天朋友突然发消息说网页真有人用——隔壁大爷找不到店铺地址，他孙子用手机一搜就导航过来了。虽然就一行标题一张图三个联系方式，但实实在在帮到了人！这成就感比当年做复杂项目还来劲。

现在看当初写的代码简直像狗爬：表格套div、css全挤在html里、手机适配靠硬编码...不过嘛先跑起来再优化咯！下次试试给菜单栏加个动画，让大爷们点起来更带劲！