浏览主站 | 站长合租 | 新闻资讯 | 站长学院 | 站长盈利 | HTML教程 | 网址导航 | 站长周刊 | 会员投稿 | 滚动新闻 | RSS
发新话题
打印

[其他问题] 不同分辨率下的网站的显示是怎么解决的

不同分辨率下的网站的显示是怎么解决的

不同分辨率下的网站的显示是怎么解决的?现在动不动就宽屏

TOP

说具体一些,最好有截图做演示

TOP

估计楼主的意思.是自适应窗口吧
愿意共享代码给大家.但是共享不是我的义务.正如官方所说:代码只是学习的参考.请不要直接拿来做站.不要pm我要程序.你共享自然有分加.自然可以下

TOP

做适合不同分辨率的页 假设一个是800×600,一个是1024×768,一个是1280x960
首先我们要建立4个页面 index.html ,  index800x600.html ,
                      index1024x768.html , index1280x960.html
用javascrīpt代码加在index.html页面代码<head>和</head>中,代码如下:
<scrīpt  language=Javascrīpt>  
   <!--
   function redirectPage(){  
   var url800x600="index800x600.html"; //定义四个页面,此处假设index.html,index800x600.html,index1024x768.html,index1280x960.html在同一个目录下    
     var url1024x768="index1024x768.html";  
   var url1280x960="index1280x960.html";  
   if ((screen.width==800)&&(screen.height==600)) //在此处添加screen.width、screen.height的值可以检测更多的分辨率  
   window.location.href= url800x600;
   else if ((screen.width==1024)&&(screen.height==768))
   window.location.href= url1024x768;  
   else if ((screen.width==1280)&&(screen.height==960))
   window.location.href= url1280x960;
   else  window.location.href= url800x600;
   }  
   //-->  
   </scrīpt>
然后在<body  ...>中加入onLoad="redirectPage()"
同样在<body>和</body>区域中加入以下代码来显示页面工作信息
<scrīpt  language=Javascrīpt>  
   <!--
   var w = screen.width  
   var h = screen.height  
   document.write("系统已检测到您的分辨率为:");  
   document.write("<font size=3 color=red>");  
   document.write(w+"X"+h);  
   document.write("</font>");  
   document.write("正在进入页面转换,请稍候…");  
   //-->  
   </scrīpt>
本帖最近评分记录

TOP

look一下!

TOP

自适应窗口! 用 100%来控制!
收购女友,十成新以上。出厂日期为1982--1990年。各部件齐全,无破损。安全环保型。
高度:165-175cm。   质量:40kg~~50kg。外观整洁无瑕疵。    需ISO9002女性证明认证。 实用节能无噪音。

TOP

要做四个那?那工作量很大呀,特别是他的LOGO是透明flash,用的是直接定位,不同分辨率下,有错位

TOP

学习了,有没有更简单的方法啊

TOP

发新话题