设为首页
加入收藏
发送稿件
网页屏幕分辩率适应策略

网页在不同屏幕分辩率中自适应策略

  你或你已经许注意到了,现在绝大多数网页上均有诸如此类的声明语句:“本站宜以800X600屏幕分辩率浏览”。严格地说,800X600实际上是“屏幕区域”,它可在win中设置,不同的硬件配置可以设置不同的“屏幕区域”。
  于是,你也来赶时髦,在你的首页上也来一句,但你不一定知道为什么要如此做哦?
  前几年,主流显示器为14、15英寸,其最佳屏幕分辩率应该是800X600像素。设小了(640X480)屏幕内容粗糙而过大,设大了不易辨别。
  但是现在而今眼目下,大量大屏幕显示器已经使用,17英寸、19英寸乃至21英寸已经见多不怪!呵呵,我就是使用了17英寸显示器才引发了对这问题的思考哦!
  现在的屏幕分辩率已经设置成1024X768或1152X864了,你在800X600屏幕上做出的页面,虽然你郑重声明最佳浏览设置,但人家绝不会因此而改变屏幕设置!
  那么,你可知道你的网页在大屏幕显示器的表演如何?建议你到别的大显示器中看一下,可能会让你大惊失色哩!
  为了适应这种情况,有人经过实验,总结了几条经验,是可供根据实际采用的:
  第一:鉴于目前主流显示器的实际情况,建议你制作网页时仍按800X600设计,并且在页面上尽可作如下声明:本站最佳浏览效果800X600屏幕分辩率。设计页面宽度应该是775像素(除去滚动条),如果是首页,整幅显示,那么高度应该是450像素,这样能在800X600的屏幕上整幅显示且不会出现竖、横滚动条。
  第二:一般网页的各种元素均采用表格进行布局,表格的宽度设置相当重要,上面说了,你切记应该把页面中最顶层的表格设置成775像素!千万别以百分比设置!因为百分比设置值是个相对数,在大屏幕显示器中会相应扩大,其结果将变得惨不忍睹!
  第三:如果你的网页组件很简洁,仅一个标题图片及几个插图,大部分是文字,那么把表格用百分比设置将得到相当不错的效果,无论屏幕大小均将自动伸缩并且页面看上去无大的失真。大多数“论坛”、“留言薄”页面就是这样的(另一方面,它们或许根本没用表格)。
  第四:用固定像素值设定表格宽度后,无论屏幕分辩率大小,其浏览效果不变,那么其停留在屏幕的左边还是中间呢?以下是两种不同的效果,缺省是靠左。多数人喜欢设置为居中,这样在大屏幕中较舒服,大部分商业网站均如此设置的。
  第五:如果你在网页中用到了层,情况变得略微复杂了,因为“层”的大小、位置表述不能用百分比,它仅用离页顶、离页左多少距离,宽、高多少尺寸来描述,在大屏幕中极可能会出现互相复盖的后果。这种情况下,你可以将表格以缺省设置(靠左),使它们的相对位置保持不变!
  第六:其实,只要网页中没有图片,把表格全设成“相对百分比”,皆大欢喜!因图片不能随屏幕自动缩放,实际上我们也不欢迎任意放大,位图大了很难看!那么,上面说了,页面内容基本是文本的可以设成百分比宽度,但文字是否可以随屏幕大小自动缩放呢?这倒是可以的!


oooooooooo家园提示:人自为谱,家自为说,正误自辨,取舍自酌。引用注明作者和出处。 来源:罗氏家园
阅读:9989
日期:2005/11/11

查看评论 】 【 收藏 】 【 打印 】 【 关闭 】 【字体: 】 
上一篇:重庆行政学院教研部主任罗德刚
下一篇:已经没有了。
  >> 相关文章
 
发表评论


        站长提示:这里不是互动留言处!
点  评: 字数0
用户名:  密码:

  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
家园地址:http://www.luos.org  粤ICP备13039246号-2
家园创建:罗良富   技术支持:AssumeYessure   法律顾问:罗劲松