设置rem

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>

posted @ 2022-08-15 09:44  九毛九  阅读(476)  评论(0)    收藏  举报