rem.js 588 B

123456789101112131415161718
  1. function remSize() {
  2. // 获取设备宽度, 设置rem
  3. let deviceWidth = document.documentElement.clientWidth || window.innerWidth;
  4. if (deviceWidth >= 750) {
  5. deviceWidth = 750;
  6. } else if (deviceWidth <= 320) {
  7. deviceWidth = 320;
  8. }
  9. // 750px --> 1rem = 100px, 375px --> 1rem = 50px
  10. document.documentElement.style.fontSize = (deviceWidth / 7.5) + "px";
  11. // 设置字体大小, 默认15px
  12. document.querySelector('body').style.fontSize = 0.3 + "rem";
  13. }
  14. remSize();
  15. // 当窗口发生变化调用
  16. window.onresize = function () {
  17. remSize();
  18. }