博客全面适配移动端
这个站最早是按电脑屏幕做出来的，手机上打开就露馅：按钮小得点不中，三列博客挤成三根面条，日历七个格子塞不下。这次从头到尾捋了一遍，现在手机横着竖着都能看。
先说最要命的那件：点不中
电脑上用的是鼠标，箭头尖，指哪打哪。手指肚是圆的，还比鼠标大一圈——同样一个按钮，鼠标一点就中，手指按上去十有八九按偏。偏了不是没反应，就是点到旁边别的东西上去了。
所以这次把手机上所有「能点的东西」重新量了一遍，凡是给手指点的，一律撑到差不多一粒花生那么大。文章底部的分享按钮、右下角那三个悬浮小钮、网易云的播放和「换一批」、日历翻月的箭头、聊天框的发送、删批注的那个小叉……全都在名单上。
有两处比较麻烦：撑大之后字的位置会跟着挪，看着就歪。做法是只加一圈看不见的边距，字一个像素都不动——按下去更容易，看上去还跟原来一样。
手机上打字，页面会自己放大
这个坑挺阴的。苹果手机有个脾气：网页里的输入框，字号只要小于 16，你手指一点进去，它就自作主张把整页放大，然后你得手动缩回来，很烦人。
修法很简单，把聊天输入框和日历批注的字号都调到了 16。看着只是大了一点点，但那种「一点就蹦」的毛病彻底没有了。
三列博客，手机上待不下
博客区在电脑上是左中右三列一起铺开的，好看。手机才那么点宽，三列硬挤上去就是三根面条，一行字读不成句。
现在屏幕窄到一定程度，它会自己塌成一列：一张卡片占满一行，封面图从卡片侧面搬到顶上，图片上那层渐变也跟着从上往下化。左右两边那些小卡片也一样，会乖乖排到博客后面，不再跟正文抢地方。
日历那七个格子
日历一星期七天，一天一格。电脑上每格 48 像素，好看着呢；手机上一算，七个格子加上中间的缝比屏幕还宽，周日那列会被切掉一条边。
现在缝收到 4 像素、去掉「每格必须是正方形」的死规矩、格子矮一点，节日的小字也缩了一号。批注那条还往右留了 50 像素的空，不然删除的小叉会压在字上面。
顺手一起收拾的几处
- 加载页：手机是竖着的，那圈水环和画面现在会自动按竖屏铺满，不会左右各留一坨黑边；手机性能弱的会直接走一张静态封面，不硬算 3D。
- 聊天页：高度收短了，气泡窄一点，输入框和底下那行小字往左让开——右下角那三个悬浮钮原来会压在上面。
- 最底下那页黑封面：手机上三列改竖排，上面多留一段空避开海水波纹，右下角的法律小字也往右让，不再被悬浮钮盖住。
- 省电：手机开了「减弱动态效果」的，会少滚很多、少算很多，省电也省事。
最后
这一轮没加新功能，全是把原来就有的东西搬到小屏上重新摆一遍。改完在电脑宽屏、笔记本、平板、手机竖屏上挨个看了一遍，没有挤在一起或者点不中的地方了。
