动态REM

一些长度单位
网页默认font-size为16px chrome默认最小字号为12px
px 像素 pt（没人用）
em相对长度单位大写字母M ex(没人用)
rem相对于根目录的font-size的大小
vh视口高度 100vh = 视口高度
vw视口宽度 100vw =视口宽度

用百分比做自适应 高度非常难以和宽度配合

使用js获取屏幕宽度然后写入css

<script>
 let pageWidth = window.innerWidth
 document.write(`<style>html{font-size:${pageWidth}px}</style>`)
</script>
<style>
body{font-size:16px;}
</style>