css中的常用单位
许多CSS属性后面都会有单位。而且在实际中发现这一块存在问题,所以查找资料与文档,做些总结
虽然种类很多,但仅说说几个常用的
em
1em定义为该元素的font-size值。比如,如果元素的font-size值为14px,那么在该元素中1em=14px
如果元素的font-size值是一个相对值,那么会将其计算后在用于衡量em
rem
当使用 rem 单位,他们转化为像素大小取决于页根元素的字体大小,即 html 元素的字体大小。 根元素字体大小乘以 rem 值
例如,根元素的字体大小 16px,10rem 将等同于 160px,即 10 x 16 = 160
ex
ex是指所用字体中小写x的高度。但是由于计算的困难,因此当多数浏览器都认为‘1ex=0.5em’
px
其是相对单位,不是绝对单位