网站建设|网站地图
南昌网站建设 > 资讯中心 > 新闻中心 > 网站设计 > 紫索科技
不同分辨率的网站设计方法

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

 

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

 

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

 

首先,利用 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.zisuo.net/news/不同分辨率的网站设计方法1738.htm
文章整理:紫索科技--专业提供南昌网站建设九江网站制作服务
http://www.zisuo.net
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息。
上一篇:符合SEO要求的网站制作规则     下一篇:网站设计布局有效性如何实现
返回列表
 
2012-2-2 2一个简单动画所引来的网页设计争论
2012-2-2 2提升客户黏着度的网页设计秘诀
2012-2-2 2创意满分的网页设计视觉效果
2012-2-2 1南昌网站建设之2012网页设计的趋势探讨
2012-2-2 1南昌网站建设之2012年5大网页设计潮流