rem适配

function setRem() {

  const ui_w = 375

  const client_w = document.documentElement.clientWidth || document.body.clientWidth

  console.log(ui_w, client_w)

  // 如果设备宽度大于1920 等于1920

  client_w = client_w > 1920 ? 1920 : client_w

  // 如果设备宽度小于800 等于800

  client_w = client_w < 800 ? 800 : client_w

  const html = document.getElementsByTagName('html')[0]

  html.style.fontSize = (client_w / ui_w) * 4 + 'px'

}

const timer = null

setRem()

window.onresize = function () {

  clearTimeout(timer)

  timer = setTimeout(setRem, 300)

}

// 当页面加载的时候 也要调用一下setRem 目的 默认 把html 根节点的字体大小 设置为10px

// window.οnlοad=setRem

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值