js计算屏幕的分辨率,来完成移动端的页面自适应

来源:互联网 发布:淘宝一个订单两个包裹 编辑:程序博客网 时间:2024/06/05 19:17
/**代码如下*其中的参数1080根据自己的实际情况进行修改,这里的1080代表设计页面的原始宽度,可以参考psd的标准宽度,这是后字体使用rem也有了标准,psd上的字号如:40点 对应css中的rem的换算方式为40/100=0.4rem。*/(function (doc, win) {    var docEl = doc.documentElement,        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',        recalc = function () {            var clientWidth = docEl.clientWidth;            if (!clientWidth) return;            docEl.style.fontSize =Math.floor(100*(clientWidth / 1080))+ 'px';        };    if (!doc.addEventListener) return;    win.addEventListener(resizeEvt, recalc, false);    doc.addEventListener('DOMContentLoaded', recalc, false);})(document,window);
0 0
原创粉丝点击