首页 > 其他分享 >前端实时更改根目录font-size

前端实时更改根目录font-size

时间:2023-01-11 10:44:28浏览次数:48  
标签:set clientwidth rem var 根目录 font basewidth size

  1. <script>
  2. (function () {
  3. // 在标准 375px 适配下,100px = 1rem;
  4. var basefontsize = 100;
  5. var basewidth = 375;
  6.  
  7. var set = function () {
  8. var clientwidth = document.documentelement.clientwidth || window.innerwidth;
  9.  
  10. var rem = 100;
  11. if (clientwidth != basewidth) {
  12. rem = math.floor(clientwidth / basewidth * basefontsize);
  13. }
  14.  
  15. document.queryselector('html').style.fontsize = rem + 'px';
  16. }
  17. set();
  18.  
  19. window.addeventlistener('resize', set);
  20. }());
  21. </script>

标签:set,clientwidth,rem,var,根目录,font,basewidth,size
From: https://www.cnblogs.com/xiao-lei-ge/p/17043089.html

相关文章