那天闲得发慌刷手机，突然琢磨着自己搞个网站玩玩。看别人家网页做得花花绿绿的，心想要不也整一个？结果刚打开编辑器就傻眼了——这玩意儿跟我想的完全不一样！

从瞎搞到挨捶

起手就犯蠢：把淘宝首页当模板，愣是照着扒了个导航栏。连代码带图片全塞进文件夹，还在那儿美滋滋想着"这也太简单了"。结果一按F12就露馅：图片全裂开，按钮点不动，缩到手机屏上看只剩半拉导航栏悬在空中，活像条断掉的裤腰带。

• 硬着头皮翻B站教程，看到满屏
  套
• 试着在按钮外面裹了三个壳，按钮反倒离家出走了
• 凌晨两点气得砸键盘：我TM就是在搭俄罗斯套娃！

土狗翻身记

第二天顶着黑眼圈删光所有代码，从零开始划网格。这回学乖了：先拿铅笔画草稿。拿儿子算术本划拉半天，发现根本不需要三层嵌套——手机版直接单列排下来，电脑版才做两栏！

核心操作就三板斧：

• 全局样式先写好（这下字体终于统一了）
• 所有间距用rem别用px（手机总算不跑马了）
• 按钮hover效果复制粘贴，但改个颜色

重点把注册框折腾得死去活来：输入框死活对不齐，密码眼睛图标忽大忽小。破罐破摔用上flex大法，管它三七二十一全塞flex盒子里——居然整整齐齐列队了！

血泪换来的三瓜俩枣

成品土得掉渣，但至少能看：

• 电脑看是正经两栏布局
• 手机看文字不会溢出屏幕
• 按钮点下去真有颜色变化

本来还想加那些花里胡哨的拖拽特效，结果刚写两行JS就把登录框搞崩了。突然悟了：特效都是锦上添花，饭都吃不上就别惦记米其林摆盘了！

最打脸的是上周接个外包，甲方看完作品集居然指着这个土鳖网站说："就要这种朴素款！" 合着我熬夜掉的头发，还不如乱写的东西值钱。