rem.js 722 B

123456789101112131415
  1. (function (doc, win) {
  2. var docEI = doc.documentElement,
  3. design_width = (/(iPhone|iPad|iPod|iOS|Android|webOS|BlackBerry)/i.test(navigator.userAgent)) ? 750 : 1920,
  4. resizeEvt = 'orientationchange' in window ? 'orientataionchange' : 'resize',
  5. recalc = function () {
  6. var clientWidth = docEI.clientWidth
  7. if (!clientWidth) return
  8. //1920下的根元素大小为假设100px,然后根据下面计算公式算出等比下当前页面的根元素大小。
  9. docEI.style.fontSize = 100 * (clientWidth / design_width) + 'px'
  10. }
  11. if (!doc.addEventListener) return
  12. win.addEventListener(resizeEvt, recalc, false)
  13. doc.addEventListener('DOMContentLoaded', recalc, false)
  14. })(document, window)