rem布局,根据屏幕宽度设置html字体大小

function resetRootFZ() {
  let Html = document.querySelector('html')
  let w = Html.getBoundingClientRect().width
  // 设置根字体大小
  Html.style.fontSize = w / 10 + 'px'
}

// 初次加载时候设置字体大小
resetRootFZ()

// 屏幕宽度发生改变时,重新设置字体大小
window.addEventListener('resize', function () {
  resetRootFZ()
})

 

posted on 2022-11-21 08:09  er先森  阅读(136)  评论(0编辑  收藏  举报

导航