rem 转换

最新推荐文章于 2023-03-26 23:46:20 发布

清水兮兮

最新推荐文章于 2023-03-26 23:46:20 发布

阅读量165

点赞数

文章标签： javascript html 前端

本文链接：https://blog.csdn.net/jia632133535/article/details/126990838

版权

window.onload = function () {
  /*720代表设计师给的设计稿的宽度，你的设计稿是多少，就写多少;100代表换算比例，这里写100是
    为了以后好算,比如，你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/
  getRem(750, 100);
};
window.onresize = function () {
  getRem(750, 100);
};
function getRem(pwidth, prem) {
  var html = document.querySelector("html");
  var oWidth =
    document.body.clientWidth || document.documentElement.clientWidth;
    if(oWidth<768){
      html.style.fontSize = (oWidth / pwidth) * prem + "px";
    }
}
window.onload();