多种分辨率兼容

www.7dspace.com  更新日期：2006-2-26 7:30:37  七度空间

最近一直在公司都用19' 1280x1024分辨率，在家一直都是12' 1024*768，跨度很大，刚开始很不适应

大屏幕看网页感觉一下开阔了很多，本来可以一目十行，现在顶多五行了，呵呵。

屏幕越来越大，分辨率越来越高，根据网民统计数据，使用最多的三种分辨率是：800*600 1024*768 1280*1024。

传统观念认为屏幕大页面小，视觉不够“大气”，的确是这样，但因为客户端和页面内容的不确定性，要完全做到自适应很难。

A. 分别载入

用脚本判断分辨率选择载入页面，最为土鳖弱智的办法。

B. 宽度固定

向下兼容，最常用的宽度是778px, 776px, 770px，别忘了竖直滚动条还要占22px。

a. 水平居中，当前绝大部分网站的处理办法，两边可以放广告。参考：sina 163 sohu
b. 水平居左，右侧可以放内容，也可以放广告。参考：cctv 80t
c. 水平居右，也见过，估计只有阿拉伯一个民族有这种阅读习惯。参考：kooora

C. 宽度自适应

全屏或者按照左右等比例自适应控制边距，也是常见用法。参考现在这个blog

D. 绝对居中

居中容器各相对边到屏幕边缘的距离是等比例的，两种情况请参考：话说绝对居中。

a. 绝对大小，居中容器的高宽是固定值。
b. 相对大小，居中容器的高宽是比例值。

E. 宽度实时自适应

比如定义好两种样式分别适应800px, 1024px，窗口放大、缩小时，自动实时切换调用，等于是方法A+C的升级版。参考：uxmag

多种分辨率兼容 作者：一叶千鸟 来源：blog

【收藏此页】【打印】【关闭】