我的天

围绕令人晕倒的Light Blue中以500为浏览器宽度测试的问题，几位网友在我的天写了几条言辞比较激烈的评论。今天有位朋友提出我的天在1920*1200的状态下浏览很有问题，我虚心接受！因为这blog现在所用的模板原始版本是在2006年头形成，当时主流显示器还只是正屏的15寸和17寸，我设计所用的显示器就是15寸的，因此里面的布局完全按照分辨率1024*768来分配。在2年间，显示器好像吹气球一般在无限变大，很多人使用宽屏，大家的显示器更新为19寸、20寸、22寸、24寸、26寸、30寸……我昨天也买了个最大分辨率为1440*900的三星943NW，但现在用的还是最大分辨率为1280*1024的acer AT706，常用的分辨率是1152*864。所以，我连1920*1200状态下，网页是个什么状态都没见过。不过我能猜想大概是个什么模样。

之前我body中background-img并没有控制为no-repeat，而我原本使用的背景大小为1024*768，当分辨率大于该分辨率时，网页就会在X和Y重轴方向复图像来填充。在1920*1200分辨率下，1024*768的图像就只占屏幕的1/3（纯面积计算）左右，那种花斑的效果可想而知。通过Opera的缩放功能模拟了一下用25寸以上显示器看我的天的效果，大概如右图。嘻嘻，挺梦幻的嘛。屏幕正中央部分的浏览效果不受影响，其它部分十分不敢恭维。

知道这个bug后，我马上在blog的末端处加入“Best Viewed with Firefox / Opera / IE @ 1024 X 768”，加入这句不能解决问题，只算做个主动承认。 

整个下午都在挣扎该如何解决这个大分辨率的bug。开始的思路是加入个层，然后把层固定在背景之上，依靠层内滚动实现网页浏览，不过该方法与blog内的某些设置相冲突，不得不放弃。最后决定在背景图片上做文章。1920*1200最大的挑战是高度问题，若使用高度为768的图片，Y轴上不重复，长条的网页就免不了要凸出图片之外。也就是说，只能扩大图片高度，达到1200。经过多次尝试，最终敲定采用现行的背景。请看下面的截图：左图是1152*864，右图是模拟1920*1200。

   

单凭我个人力量，很难发现自己存在的所有问题。“众人拾柴火焰高”，希望各位发现问题的朋友踊跃发言，好让我有机会去改进，不尽感激！