Ecplaza外贸B2B推广 | 外贸网站推广 | 外贸整合营销 | 外贸网站建设 | 网站优化

文章详细页

主页 >> 文章详细页

如何让网页适应不同分辨率

点击数:3871    发布时间:2012/9/19 10:49:34

在这里我们为大家介绍一种最简单的方法,供大家参考!大家可以根据自己地要求改。 

 做3个页面,分别命名为“640480.htm”“800600.htm“1024768.htm”,3个页面分别为三种分辨率下浏览的页,然后index.htm的原代码如下: 

 <html> 
 <head> 
 <script LANGUAGE="JavaScript"> 
 <!--Begin 
 function redirectPage(){ 
 var url640x480="640480.htm"; 
 var url800x600="800600.htm"; 
 var url1024x768="1024768.htm"; 
 if((screen.width==640)&&(screen.height==480)) 
 window.lacation.href=url640x480; 
 else if((screen.width==800)&&(screen.height==600)) 
 window.lacation.href=url800x600; 
 else if((screen.width==1024)&&(screen.height==768)) 
 window.lacation.href=url1024x768; 
 else window.lacation.href=url800x600; 
 } 
 //End--!> 
 </script> 
 </head> 
 <body OnLoad="redirectPage();"> 
 </body> 
 </html>  
返回顶部