关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

不同分辨率的网站设计方案

作者:佚名   时间:2012-02-18   分享到:

不同分辨率条件下我们看到的同一网站设计方案会呈现出不同的效果,严重的时候会出现错位,直接影响到了网站设计方案的观赏性。造成这一现象的原因主要在于网站设计页面中采用了绝对定位。

 

那么,在实际的网站设计操作过程中,我们应该如何来避免此类现象的产生呢?

 

第一,顺应不同分辨率要求进行网站设计,利用引导页功能将客户带入相应分辨率页面

 

首先,利用 screen.width 和 screen.height 来获取客户端水平分辨率与垂直分辨率详细信息;其次,通过 location.replace(screen.width+".htm") 或者是 location.replace(screen.height+".htm")  来将客户引入相应分辨率网站设计页面。

 

第二,可以根据文档显示区域宽度来重新调整网站设计当中的层定位

 

首先,需要通过 document.body.offsetWidth 来获取文档显示区域的准确宽度;

 

其次,通过

 

function isLayer(obj){
with(obj.currentStyle)
return (position=="absolute"&&left!="")
}

 

来判断对象为层否
 

 



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/news/20151229/n6971.html

上海联楷网络新闻