首页 > 其他分享 >设置rem

设置rem

时间:2022-08-15 10:06:27浏览次数:70  
标签:fs 宽度 设置 rem devicewidth 屏幕 375

rem(根元素的字体大小)

<script>

 function auto(){

                           /获取当前屏幕宽度/

                           var devicewidth =documet.documentElement.clientwidth;

                           /设计图限制宽度/

                          if(devicewidth>375){devicewidth=375};   (如果屏幕宽度等于375 屏幕宽度就等于375  可以设置 也可以不设置)

                          /计算出当前屏幕宽度/

                          var fs=(devicwidth/375)*100 console.log(fs); (当前屏幕宽度 除以 375 )x100=需要的rem值

                          /赋值给根元素/

                          document.documentElement.style.fontsize=fs+'pxx' 

                          }

                          auto()
                          / 当屏幕宽度改变的时候我自动变化html字体大小值
                          window.onresize = function () {auto()}

</script>

 

引入<head>

<script src="地址"></script>

标签:fs,宽度,设置,rem,devicewidth,屏幕,375
From: https://www.cnblogs.com/bkyjmjweb/p/16587167.html

相关文章