js rem px转换

(function (doc, win) {
  var docEl = doc.documentElement,
    // 手机旋转事件,大部分手机浏览器都支持 onorientationchange 如果不支持,可以使用原始的 resize
      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
      recalc = function () {
        //clientWidth: 获取对象可见内容的宽度,不包括滚动条,不包括边框
        var clientWidth = docEl.clientWidth;
        if (!clientWidth) return;
        docEl.style.fontSize = 10*(clientWidth / 320) + 'px';
      };
 
  recalc();
  //判断是否支持监听事件 ,不支持则停止
  if (!doc.addEventListener) return;
  //注册翻转事件
  win.addEventListener(resizeEvt, recalc, false);
 
})(document, window);
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • “手里拿着锤子的人看什么都像是钉子” 01 我不知道你的经历,反正高中那会儿我是迷迷糊糊选的理科。我们是高一期末开...
    快手刀阅读 466评论 0 1
  • 公司项目组出现了变动,我在的组走了一个,而且下周又要走掉两个,跟其他组沟通的又比较少,项目进展缓慢,搞得我心烦意乱...
    冬天只爱早晨阅读 238评论 0 1
  • 1.配了十四个世说新语。 2.将小说第一篇创编完成。 3.将在老家没反馈的数学作业反馈了。
    暗夜男爵阅读 96评论 0 0
  • 1. 我们都在追寻真理和真想,我们都在苦寻道理。但是,最后发现,我们的道理和真想都存在于普通的事情当中。只是我们都...
    葭州寒雪阅读 425评论 0 0
  • 我觉得重点先理解啥叫工具化? 这张图,我们解读到的知识是“事件日志”,于是,六哥把它当做工具来使用和解读,所以可以...
    佟小月阅读 271评论 0 0