rem.js 653 B

1234567891011121314151617181920
  1. // 基准大小
  2. const baseSize = 16
  3. // 设置 rem 函数
  4. function setRem() {
  5. // 当前页面宽度相对于 750 宽的缩放比例,可根据自己需要修改。
  6. const scale = document.documentElement.clientWidth / 1920
  7. if (navigator.userAgent.indexOf('Firefox') > 0) {
  8. window.fighterScale = scale
  9. // 设置页面根节点字体大小
  10. document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px'
  11. } else {
  12. window.fighterScale = 1
  13. document.documentElement.style.zoom = scale
  14. }
  15. }
  16. // 初始化
  17. setRem()
  18. // 改变窗口大小时重新设置 rem
  19. window.addEventListener('resize', setRem)