网页自适应不同分辨率显示

尽管现在显示器的主流是17英寸的,但不少用户仍然使用的是15英寸的显示器。我们在用一张图片做首页时,为了能使页面在不同的分辨率下都能完美的显示出来,就需要考虑网页能否根据不同的分辨率自动显示相应的页面。

这里有一种比较简单的方法,可以轻松解决上述问题:

首先准备好要在两个不同分辨率下分别显示的文件,这里假设为 index1.html 和 index2.html;

其次在你的首页文件 index.html 或者 index.htm的页面代码中的和中加入以下代码:

再次,在标签中添加如下代码:
onload=”pagechange()”;
即:

这样,你的页面边可以自适应不同的显示器分辨率了!

尽管这个页面出现的时间很短,但空空的总是感觉不太好,可以在…中添加如下代码以显示工作信息:

好,一切工作都完成了,再试试,还不错吧?
当然了,现在也有很多17的液晶了,分辨率1280×1024,也可以作一个页面~~
呵呵~~

1 comment on “网页自适应不同分辨率显示”

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据