介紹：rem是相對字體單位；根據html根元素大小而定，同樣可作為寬高等單位；

適配原理：將px替換成rem，采用rem適配移動web的原理，根據不同屏幕寬度設置html的font-size的大小；

計算公式：1rem=html的font-size(瀏覽器默認font-sizt:16px)；

動態修改font-size方法：

1.@media查詢

@media screen and(max-width:300px) and(min-width:200px){

html{

font-sizt:20px;

}

}

這種方式比較麻煩，因為移動端需要是配的手機型號太多；

2、js設置font-size

獲取視窗： let win_width=document.documentElement.clientWidth || document.body.clientWidth;

獲取html: let htmlDom=document.getElementsByTag("html")[0];

設置屬性： htmlDom.style.fontSize=win_width/10+"px";

em

是相對長度單位。相對於當前對象內文本的字體尺寸；如當前對行內文本的字體尺寸未被人為設置，則相對於瀏覽器的默認字體尺寸

em單位有如下特點

1. em的值並不是固定的;

2. em會繼承父級元素的字體大小。

em是繼承父元素的字體大小，可是當父元素字體大小改變時，又得重新計算了，這不怎麽方便，

rem 、em