广州网站设计公司

资深广州网站建设公司以精湛的网站建设、网页设计、优质服务为您提供全方位的网站设计服务;精心推出多种科学方案,从网页制作到网站推广,让您最大限度拥有建站优势...联系电话:(020)80974477.

« 彻底修复海缆至少需10天从九句话看网站的综合发展 »

网站的多种分辨率兼容


最近一直在公司都用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的升级版。

发表评论:

广州网站建设公司欢迎你参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新留言

最近发表

广州网站建设公司

关键字:广州网站建设,广州网站制作,广州网页设计-广州市博意信息科技有限公司 版权所有