让网页适应不同尺寸的显示器

来源： 作者：web 出处：巧巧读书 2007-12-23 进入讨论组

• 关 键 词：
• dreamweaver
• window
• 网页制作
• 显示器
• 服务器

   17寸显示器在今年已是无可争议的主流配置，而15寸彩显独领风骚的时间不过才两年，这一问题给网页制作带来的问题是: 15寸彩显与17寸彩显除了本身在物理显示面积上的差距外，15寸显示器还往往采用800×600分辨率，而 17寸显示器则基本采用1024×768分辨率，这就造成两类显示器在显示面积上有很大的差异。在15寸显示器上显示正常的页面到17寸下显然太小，而在17寸上效果不错的页面，到15寸下则因为太大而非常不便于浏览。显然，要把主页效果做完美，就只有把网页分做两套，一套在15寸显示器下显示，一套用于17寸显示器。 

　　但关键是: 如何使电脑能根据自己的分辨率来自动选择页面呢？ 

　　如果制作一个主页面，分别做好“800×600”和“1024 ×768”分辨率的链接，要求浏览者根据自己显示器的情况来选择下面要进入的页面，这不就行了？但这岂不显得自己水平太业余？ 

　　然后又想到Dreamweaver 4.0下的behavior（动作），但查找后遗憾地发现，behavior下的动作虽然比较多，但却没有依据分辨率而设置的动作。 

　　经过查阅资料和调试，终于找到了另一解决办法。把下面这个小程序置于主页面中，并把主页面取名为index.htm，当客户机从服务器下载页面时，首先读取该页面，然后根据客户机的分辨率，下载相应的页面（index.htm下链接的两个页面才是真正的主页，分别取名为“800600.htm”和“1024768.htm”）。其后链接的各页面一式两套，互不干扰（分页面内容基本相同，主要工作是调整显示的位置）。由此一来，根据不同显示器显示不同页面的目的终于达到了。 

　　Index.htm的源文件如下，其中还考虑到了分辨率设为 “640×480”的14寸显示器，虽然此类显示器已经不多，但还是应该考虑到。大家在此基础上可以根据自己的具体情况进行修改。

else if ((screen.width == 800) && (screen.height == 600)) 

window.location.href= url800x600; 

else if ((screen.width == 1024) && (screen.height == 768)) 

window.location.href= url1024x768; 

else window.location.href= url640x480; 

} 

// End --> 请保留地址 http://www.qqread.com/other-webtool/s273991.html 更多内容请看液晶显示器专题，或进入讨论组讨论。

【收藏此文】【大 中 小】【打印】【关闭】

较早的文章：ASP技术的作用与特点及其在电子商务中的应用

较新的文章：动态特效变换图片效果制作