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

Posted on April 13, 2005 by Fdream

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

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

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

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

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

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

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

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

分享 |