html5网页建设

今儿个就跟大伙唠唠我那破网页咋捣鼓出来的。本来寻思做个展示页面能有多难，结果刚动手就发现自己想太美了。

开局踩大坑

先去找了个免费编辑器，整得跟记事本升级版似的。吭哧吭哧敲半天标签，满屏都是< >符号晃眼睛。客户说要能手机电脑自适应，我心说这不就是屏幕大了自动拉宽么？结果写出来用手机一瞅，图片直接怼出屏幕外头，字小得得拿放大镜看。

• 扒拉半天教程视频
• 把代码删了重写三次
• 在论坛里装孙子求人看代码

浏览器抽风记

好不容易让页面能看了，用自家浏览器打开挺正常。发给客户第二天就接到电话骂街，说在他那儿排版全炸了。跑网试了五个浏览器：有的图片不加载，有的把按钮挤成面条，最绝的是某浏览器直接给我留半片空白，跟被狗啃了似的。

后来跟修电脑师傅蹲小店里琢磨半天，发现是某个兼容标记没写对。这玩意儿就跟老式洗衣机似的，你不拍两下它不干活。气得我往代码里塞了十几行补救措施，活像给破屋子到处打补丁。

手机屏要命

自适应这关才真要命。客户拿个折叠屏手机测试，展开时候突然多出半截空白。改完折叠屏又发现普通手机底下按钮看不见了。来回折腾像在拉橡皮筋，这头压下去那头弹起来。直接把布局改成橡皮筋结构，管你屏幕多大都给我上下堆着站。

最吐血的是上传图片功能。明明在电脑传得好好的，到手机上死活点不动上传按钮。查了两天才发现是手指头太粗碰不到小按钮，给加了个巴掌大的触控区才搞定。

结尾翻大车

做完那天嘚瑟地发给客户看，结果人家掏出个十年前的老平板。页面直接碎成二维码，字和图全搅和在一块儿。加了个最低分辨率提示，老设备直接给弹警告框，懒得伺候了。

对还有个乐子事。客户公司网管非说我的页面带病毒，查了半天发现是用了某字体包，杀毒软件当变种木马给杀了。您说这找谁说理去？

搞完这破项目才懂为啥人说写网页折寿：电脑浏览器像抽奖，手机设备像开盲盒，甲方需求像雾像雨又像风。下次再有人跟我说要做响应式，我先问他家最老的手机是不是诺基亚。