555555

em字体是根据父元素的字体大小   rem是根据根标签的字体大小  js版本计算大小

<meta name="viewport" content="width= device-width , initial-scale=1.0">

截图

rem相对于根元素的字体大小的单位

em相对于父级元素的字体大小的单位，过于负责 

rem指相对于根元素的字体大小的单位

document.documentElement.style.fontSize =xxxx 这里是设置html字体大小

20 *（w/320）>40 这是判断屏幕宽度有几个"20"这个单位  因为iphone5的屏幕宽度是320px

rem可以用在很多地方 不仅仅是"字体大小"的配置

em这个单位是相对于"父一级对象"来说的.

这里又说了 1rem 就是 "根节点的字体大小"

rem的动态使用方法

js 计算font-size

20   基准大小

320 320的宽度作为基准值

    <script>

         var c=()=>{

             let w=document.documentElement.clientWidth;

             let n=(20*(w/320)>40?40+"px":(20*(w/320)+"px"));

             document.documentElement.style.fontSize=n;

         }

         window.addEventListener("load",c);

         window.addEventListener("resize",c)

    </script>

rem的用法，设定画面初始字体

40 最大字体