在CSS中,em是一种相对于父元素字体尺寸的计量单位。默认情况下,1em等于所在元素的字体大小。这使得em非常适合用于响应式设计,因为可以根据父元素的大小调整字体大小。 然而,除非我们明确的将根元素的
在CSS中,em是一种相对于父元素字体尺寸的计量单位。默认情况下,1em等于所在元素的字体大小。这使得em非常适合用于响应式设计,因为可以根据父元素的大小调整字体大小。
然而,除非我们明确的将根元素的字体大小设为100%或16像素,否则我们不能确切的知道1em等于多少像素。
html { font-size: 100%; }
在上面的代码中,我们将根元素的字体大小设置为100%。在默认情况下,根元素字体大小为16像素。因此,1em等于16像素。但是,由于16像素在不同的设备上可能会看上去太小或太大,我们可能会将根元素的字体大小设为18像素。
html { font-size: 18px; }
在上面的代码中,根元素的字体大小被设置为18像素。在此情况下,1em等于18像素。
需要注意的是,em单位被用于元素内的文本大小和行高,以及元素宽度和高度时的相对值。因此,当我们使用em单位时,我们需要非常小心,尤其是在嵌套元素中。
总之,1em等于多少像素取决于所在元素的字体大小。如果我们将根元素的字体大小设置为18像素,那么1em等于18像素。
粉丝
0
关注
0
收藏
0