博客重要更新

早就对视网膜屏设备访问我的博客时模糊不清的背景图片感到不爽了,今天终于有时间可以优化一下。

现在 New iPad 访问我的博客时可以看到全部更新效果,比如 LOGO、箭头、分隔线、侧边自行车等,均非常细腻;在 iPod Touch 4、iPhone 4、iPhone 4s 下可以看到部分效果,比如分割线、侧边自行车等。方法就是制作更大的图片,宽度和高度各增加一倍,然后在 css 里用 background-size 将其定义为原图片尺寸大小,在 only screen and (-webkit-min-device-pixel-ratio: 1.5) 时启用即可。

同时优化了 LOGO、侧边自行车细节,增加了 70% 的柔光渐变,看起来更有质感一些;优化了竖分隔线背景图的细节,原来是横着的类似金属圆环的效果,稍微有些抢眼,现在改为了竖着的类似绳子装订线的效果,并适当拉大了装订线之间的距离,同时减淡了渐变背景色,感觉比之前更清爽。

今天还给我的博客增加了随机显示大背景图功能,每次刷新页面时应该能看到不同的背景图,并且在背景图未完全加载前还会有“背景加载中”的提示

整体还不错哦,别光在 RSS 里看了,到 我的博客 里看看实际效果吧:)