开始写代码和样式

写html骨架还算快，毕竟东西少。难点在于那个css样式。那时候手机屏幕分辨率五花八门，性能也差。我主要考虑几点：

• 宽度要自适应。不能定死宽度，不然在小屏幕上就得左右拖动，体验贼差。我当时用百分比宽度，让它自己去适应屏幕。
• 字体不能太小。屏幕本来就小，字再小就看不清。稍微设大一点，保证阅读。
• 颜色简单。黑白灰为主，顶多加点蓝色，避免花里胡哨的图片和背景，省流量也快。
• 布局简单。基本就是从上到下单向排布，不用浮动什么的复杂玩意儿，那时候很多手机浏览器支持不

我就对着这些想法，一点点写css规则。比如设置个全局的字体大小，段落间距，标题样式。写几行，就琢磨着在小屏幕上会是啥样。

反复调试和修改

写完初稿，关键一步来：测试。那时候也没现在这么多方便的开发者工具。我找个老旧的诺基亚，还有些其他牌子的备用机，用手机自带的浏览器打开那个html文件看效果。果然，问题不少。

有时候是这里歪，有时候是那里叠一起，或者字体在某个手机上看着特别别扭。然后我就回去改代码，改css，再上传到个能访问的地方（那时候搞个免费空间也挺折腾），再用手机看。就这么来来回回折腾好几遍。

比如发现列表项挤在一起不好看，就给加点边距；发现标题不够突出，就把的字号再调大点，加粗。整个过程就是不断地“写一点，看一眼，改一下”。