移动端适配(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);
    ~~~
相关推荐
我有一棵树6 分钟前
React 中 useRef 和 useState 的使用场景区别
前端·javascript·react.js
喵个咪7 分钟前
Qt6 QML 实现DateTimePicker组件
前端·qt
yinuo7 分钟前
CSS奇技淫巧:用你意想不到的4种属性实现裁剪遮罩效果
前端
晓翔仔8 分钟前
网络安全之Web入侵场景
前端·安全·web安全·网络安全·信息安全
想努力找到前端实习的呆呆鸟10 分钟前
Uniapp如何下载图片到本地相册
前端·vue.js·微信小程序
fmk102315 分钟前
Vue中的provide与inject
前端·javascript·vue.js
S***H28322 分钟前
前端性能监控实践,用户体验优化心得
前端·ux
5***790022 分钟前
前端解决方案不仅仅是关于网页设计和布局,它涉及到用户体验、性能优化、跨平台兼容性以及安全性等多个方面。以下是一些前端解决方案的关键要素:
前端·ux
Wect29 分钟前
学习React-DnD:实现多任务项拖动-维护多任务项数组
前端·react.js