移动端适配(rem)方案

js 复制代码
    (function (doc, win) {
      let docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
          let clientWidth = docEl.clientWidth;
          if (!clientWidth) return;
          docEl.style.fontSize = 100 * (clientWidth / 375) + 'px';
        };

      if (!doc.addEventListener) return;
      win.addEventListener(resizeEvt, recalc, false);
      doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
    ~~~
相关推荐
前端工作日常3 分钟前
H5 实时摄像头 + 麦克风:完整可运行 Demo 与深度拆解
前端·javascript
韩沛晓14 分钟前
uniapp跨域怎么解决
前端·javascript·uni-app
前端工作日常15 分钟前
以 Vue 项目为例串联eslint整个流程
前端·eslint
程序员鱼皮17 分钟前
太香了!我连夜给项目加上了这套 Java 监控系统
java·前端·程序员
Rubin9338 分钟前
TS 相关
javascript
该用户已不存在43 分钟前
这几款Rust工具,开发体验直线上升
前端·后端·rust
前端雾辰1 小时前
Uniapp APP 端实现 TCP Socket 通信(ZPL 打印实战)
前端
无羡仙1 小时前
虚拟列表:怎么显示大量数据不卡
前端·react.js
云水边1 小时前
前端网络性能优化
前端
用户51681661458411 小时前
[微前端 qiankun] 加载报错:Target container with #child-container not existed while devi
前端