CSS字体的单位

长度单位

1:像素 px

实际上是屏幕上的一个个小点，100px，100个小点，这个点，正常情况我们是看不到，

如果我们把一个内容放大很多倍，就可以看到了，

在pc端（电脑端），一般情况下1px=1个发光点。

也是我们最常用的长度单位，它是固定单位

2:百分比 %

相对单位，它是相对于其父元素内容区（width/height）宽高

子元素的大小会随着父元素的大小变化而变化，我们管这种大小布局，叫流式布局

3:em

相对单位，它是相对于其父元素内字体大小而设置的，也就是1em=父元素1个font-size，

如果父元素没有字体大小，它就会继承祖先元素的字体大小，如果祖先元素没有设置，

就会继承根标签（html）的默认的字体大小，也就是16px

4:rem

r root

相对单位，它是只相对于根标签（html）的字体大小而设置，也是1rem=1个html的font-size

html的默认字体大小是16px，有些浏览器有最小的字体大小，一般是10-12px

5:vw

viewport width 视口的宽度

6:vh

viewport heigth 视口的高度

我们把视口划分为100个，宽度100vw，高度100vh