前端笔记之css单位

1. em：当div进行嵌套的时候，em始终是按照当前div字体大小来缩放。
2. rem：按照根节点的字体大小进行缩放。
3. vh：当设置height:100vh时，屏幕可见高度看作100vh，和100%的区别在于100%是按照其父元素大小的百分比进行缩放。

4. vw：当设置width：100vw时，原理同上。

5. vmax: 相对于视窗的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax;

6. vmin: 相对于视窗的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin;
7. 视区所指为浏览器内部的可视区域大小，
8. 即window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。
9. calc是 css3提供的一个在css文件中计算值的函数：()内部用空格隔开，例如：width: calc(100% - 10px)；任何长度值都可以使用calc()函数进行计算；calc()函数支持 “+”, “-“, “*”, “/” 运算；calc()函数使用标准的数学运算优先级规则；calc(100vh - 10px) 表示整个浏览器窗口高度减去10px的大小calc(100vw - 10px) 表示整个浏览器窗口宽度减去10px的大小