initRem.js 603 B

123456789101112131415161718
  1. let width = 750
  2. window.onload = function () {
  3. /*750代表设计师给的设计稿的宽度,你的设计稿是多少,就写多少;100代表换算比例,这里写100是
  4. 为了以后好算,比如,你测量的一个宽度是100px,就可以写为1px,以及1px=0.01px等等*/
  5. getRem(width, 1)
  6. };
  7. window.onresize = function () {
  8. getRem(width, 1)
  9. };
  10. function getRem(pwidth, prem) {
  11. var html = document.getElementsByTagName("html")[0];
  12. var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
  13. html.style.fontSize = oWidth / pwidth * prem + "px";
  14. }