电脑不同分辨率显示网站的解决方案


您所在的位置:上海网站建设 > 建站知识 > 网站建设知识 >  发表时间:2018-07-07 14:43:46 文章作者:上海网站建设公司

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

 
那么,在实际的网站设计操作过程中,我们应该如何来避免此类现象的产生呢?
 
1,可以根据文档显示区域宽度来重新调整网站设计当中的层定位
 
首先,需要通过 document.body.offsetWidth 来获取文档显示区域的准确宽度;
 
其次,通过
 
function isLayer(obj){ 
with(obj.currentStyle) 
return (position=="absolute"&&left!="") 
}
 
来判断对象为层否
 
2,顺应不同分辨率要求进行网站设计,利用引导页功能将客户带入相应分辨率页面
 
首先,利用 screen.width 和 screen.height 来获取客户端水平分辨率与垂直分辨率详细信息;其次,通过 location.replace(screen.width+".htm") 或者是 location.replace(screen.height+".htm")  来将客户引入相应分辨率网站设计页面。
 

相关内容:网站设计解决方案(1)


以上内容由上海润壤网络提供,更多有关网站建设、网站改版、响应式网站建设、营销型网站建设等互联网应用开发请联系我们!感谢大家一如既往的一路支持。

上一篇:上一篇:网站设计中的几个需要注意的问题总结

下一篇:下一篇:关于网站制作的十个设计标准详解

返回列表
© 2013-2016 68gainian.com All Rights Reserved沪ICP备14028045号-2