罗氏家园 (http://www.luos.org)|网页屏幕分辩率适应策略

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

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

罗氏资讯