em是CSS中一个比较常用的相对单位,因此有必要注意一些坑点。
1em等于当前元素的字体大小,除非你在设置font-size
为什么有人误认为1em等于父元素的字体大小呢?这是因为如果在设置font-size
的时候使用em单位,此时font-size
还是默认值inherit,因此此时1em还等于父元素的字体大小。这是在设置font-size
时才有的特例!这个特例很好理解,毕竟我正在设置当前元素的字体大小呢!总不能使用此刻正在设置的字体大小作为单位吧!这不是悖论吗!
em是CSS中一个比较常用的相对单位,因此有必要注意一些坑点。
为什么有人误认为1em等于父元素的字体大小呢?这是因为如果在设置font-size
的时候使用em单位,此时font-size
还是默认值inherit,因此此时1em还等于父元素的字体大小。这是在设置font-size
时才有的特例!这个特例很好理解,毕竟我正在设置当前元素的字体大小呢!总不能使用此刻正在设置的字体大小作为单位吧!这不是悖论吗!