移动端的js适配

(function() {

vardoc=document;

vardocEle=doc.documentElement;

function setRootFontSize(width) {

width=width||docEle.getBoundingClientRect().width;

docEle.style.fontSize=width/375*10+"px"

}

if(/Mobi|mljr/.test(navigator.userAgent)) { (function() {

vartimer;

setRootFontSize();

window.addEventListener("resize",

function() {

clearTimeout(timer);

timer=setTimeout(setRootFontSize,300)

},

false)

})()

}else{ (function() {

varpcWidth=750;

varstyle=doc.createElement("style");

style.innerHTML="body{width:"+pcWidth+"px!important;margin:0 auto!important}";

doc.getElementsByTagName("head")[0].appendChild(style);

setRootFontSize(pcWidth)

})()

}

})();

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 移动端应该如何动态设置字体大小? rem由来:font size of the root element,那么re...
    a8d1e9528b1e阅读 521评论 0 0
  • 以下是常用的代码收集,学习用。转自豪情博客园 1. PC - js 返回指定范围的随机数(m-n之间)的公式 re...
    自由加咖啡阅读 1,026评论 0 1
  • w一:rem布局公式 document.documentElement.style.fontSize=20*doc...
    stars甜阅读 801评论 0 1
  • 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放...
    孤魂草阅读 910评论 0 0
  • 我已经呆坐了一个多小时,在这一段时间内,我的思绪凌乱,找不到发泄的出口,但是胸口积攒了太多的阴郁,非得将他们...
    李校长不想改昵称阅读 196评论 0 0