comRem.js 847 B

123456789101112131415161718192021222324252627
  1. var LTRem = {
  2. el: document.getElementById('LTRem'),
  3. defaultSize: 750,
  4. setSize: function(size) {
  5. // 设置计算尺寸
  6. // size: 计算尺寸
  7. this.size = parseInt(size) || this.defaultSize;
  8. this.remReSize();
  9. },
  10. remReSize: function() {
  11. var t = (document.documentElement.clientWidth / this.size).toFixed(2);
  12. document.documentElement.style.setProperty('font-size', 100 * t + 'px');
  13. // 浏览器默认字号16,6.25 * 16 = 100px = 1rem
  14. },
  15. init: function() {
  16. var size = this.defaultSize;
  17. if(this.el) {
  18. size = parseInt(this.el.getAttribute('data-size') || this.defaultSize);
  19. }
  20. this.setSize(size);
  21. window.addEventListener('resize', function () {
  22. LTRem.remReSize();
  23. }, false);
  24. }
  25. };
  26. LTRem.init();