rem原理:rem 是(根)字体大小相对单位,也就是说跟当前元素的font-size没有关系,而是跟整个body的font-size有关系。
css3规定:1rem的大小就是根元素html的font-size的值。
通过设置 根元素<html>的font-size的大小,来控制整个html文档内的字体大小、元素宽高、内外边距等,
根据移动设备的宽度大小来实现自适应,不同的设备都展示一致的页面效果。
rem宽度比例 设计稿宽度:1rem = 100px
引入:页面开头出引入下面这段代码,用于动态计算font-size
function rem(){
document.documentElement.style.fontSize=document.documentElement.clientWidth