css中的几种单位

css

第一种：px

px（像素）是CSS中最为常用的一种单位，传统上一个像素对应计算机屏幕上的一个点，对于高清屏则对应更多。

第二种：%

百分比也较为常用。其中对font-size设置百分比值时，是以浏览器默认字体大小16px为参照计算的。

第三种：em

em是一种计算方式为相对于父元素的字体大小的单位，1em等于父元素设置的字体大小，如果父元素没有设置字体大小，则继续往父元素查找，直到有设置大小的，若都没有设置大小，则使用浏览器默认大小。

第四种：rem:

别看rem和em只有一个字母区别，而且也都是相对单位，其他两个是完全不一样的单位概念；rem的参照物是根元素HTML的font-size，因此，如果改变HTML的font-size值，那么所有使用的rem单位大小都会随着改变，适用于移动端。（ps：不支持IE8以下,而且在移动端使用，如果代码冗余，容易看到文字会变大或者变小哦，所以使用的时候一定要处理好。）