等比缩放rem文件

最新推荐文章于 2024-07-31 02:32:11 发布

阔爱滴二狗子

最新推荐文章于 2024-07-31 02:32:11 发布

阅读量160

点赞数

本文链接：https://blog.youkuaiyun.com/qq_43440659/article/details/103233283

版权

function resetRootFZ(){
  var oHtml = document.querySelector('html');
  var w = oHtml.getBoundingClientRect().width;
  // 设置根字体的大小等于html节点的宽度的十分之一
  oHtml.style.fontSize = w/23.4 + 'px';
};

resetRootFZ();

// 当window窗口尺寸变化时，重新设置根字体的大小
window.addEventListener('resize',function(){
  resetRootFZ();
});