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

2020-05-16 分类：解决方案

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

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

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") 来将客户引入相应分辨率网站设计页面。

当前名称：电脑不同分辨率显示网站的解决方案
文章起源：https://www.cdcxhl.com/news/82242.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有解决方案等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容