前端之css之单位

1.百分比

默认元素高度设置为100%，以自身高度为准，如果父元素设置宽度，子元素宽度为父元素宽度。

2.rem

rem相对于html元素的font-size属性的大小而变化，需要由js代码动态控制。

3.vh,vw

vw 可视区域的宽度，总宽度为100vw
vh 可是区域的高度，总高度为100vh

4.calc

calc计算 例如：calc(50vw - 50px);
注：（）中运算符两边有空格，否则无法计算

5.ch

相对于数字0的大小，1ch=1个英文=1个数字，2ch=1个中文
例如：width:5ch;就等于5个0的宽度

6.min,max

min-width 最小宽度
max-width 最大宽度，例如文字+图片，当文字过短时设置，该区域最大宽度

7.0，none

border:0;
border:none;
0,none 都是取消边框，最大的区别是0会渲染，而none是不渲染，尽量使用none，而不是0