rem.js 684 B

1234567891011121314151617181920212223242526
  1. ;
  2. (function(win) {
  3. var doc = win.document;
  4. var docEl = doc.documentElement;
  5. var tid;
  6. function refreshRem() {
  7. var width = docEl.getBoundingClientRect().width;
  8. var rem = width / 7.5; // 将屏幕宽度分成7.5份, 1份为1rem
  9. docEl.style.fontSize = rem + 'px';
  10. }
  11. win.addEventListener('resize', function() {
  12. clearTimeout(tid);
  13. tid = setTimeout(refreshRem, 10);
  14. }, false);
  15. win.addEventListener('pageshow', function(e) {
  16. if (e.persisted) {//判断是否加载缓存
  17. clearTimeout(tid);
  18. tid = setTimeout(refreshRem, 10);
  19. }
  20. }, false);
  21. refreshRem();
  22. })(window);