作为一个小前端，最基本的布局应该已经是手到擒来的事情，但是在布局过程中，你是不是经常就使用px、%或者rem？其他的呢？你是否又熟悉？
下面就为同学们说一下css中可能会遇到的单位。
首先就从熟悉的开始：
第一种：px
px（像素）是CSS中最为常用的一种单位，传统上一个像素对应计算机屏幕上的一个点，对于高清屏则对应更多。
第二种：%
百分比也较为常用。其中对font-size设置百分比值时，是以浏览器默认字体大小16px为参照计算的。
第三种：em
em是一种计算方式为相对于父元素的字体大小的单位，1em等于父元素设置的字体大小，如果父元素没有设置字体大小，则继续往父元素查找，直到有设置大小的，若都没有设置大小，则使用浏览器默认大小。
CSS中常用属性里使用em这样计算方式的属性有：
border
width
height
padding
margin
line-height
第四种：rem:
别看rem和em只有一个字母区别，而且也都是相对单位，其他两个是完全不一样的单位概念；rem的参照物是根元素HTML的font-size，因此，如果改变HTML的font-size值，那么所有使用的rem单位大小都会随着改变，适用于移动端。（ps：不支持IE8以下,而且在移动端使用，如果代码冗余，容易看到文字会变大或者变小哦，所以使用的时候一定要处理好。）
第五种：v系单位
v系单位常用于移动端，是基于浏览器用来显示内容的区域大小，也就是视窗大小来就算的。
具体分为4个：
vw：基于视窗的宽度计算，1vw等于视窗宽度的百分之一
vh：基于视窗的高度计算，1vh等于视窗高度的百分之一
vmin：基于vw和vh中最小值来计算，1vmin等于最小值的百分之一
vmax：基于vw和vh中最大值来计算，1vmax等于最大值的百分之一
这类标签至少我很少使用，所以也不能给同学们建议啦，不过至少以后看到了不用惊讶这个是啥昵
最后单位运算
CSS中可以使用CSS函数calc()来通过计算确定一个属性的值。