请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 892|回复: 0

js实时计算rem,宽度大于1920px时1rem=100px

[复制链接]

821

主题

821

帖子

2657

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2657
发表于 2019-8-28 15:27:59 | 显示全部楼层 |阅读模式
  1. (function (doc, win) {
  2.   var docEl = doc.documentElement,
  3.     resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
  4.     recalc = function () {
  5.       var clientWidth = docEl.clientWidth;
  6.       if (!clientWidth) return;
  7.       if (clientWidth >= 1920) {
  8.         docEl.style.fontSize = '100px';
  9.       } else {
  10.         docEl.style.fontSize = 100 * (clientWidth / 1920) + 'px';
  11.       }
  12.     };

  13.   if (!doc.addEventListener) return;
  14.   win.addEventListener(resizeEvt, recalc, false);
  15.   doc.addEventListener('DOMContentLoaded', recalc, false);
  16. })(document, window);

复制代码


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

用户反馈
客户端