在CSS中,2em是一个相对单位,代表相对于父元素的字体大小的两倍。
.parent { font-size: 16px; } .child { font-size: 2em; } /* 子元素的字体大小为32px,即父元素字体大小的两倍 */
如上代码所示,父元素的字体大小为16px,子元素的字体大小为2em,因此子元素的字体大小为32px,即父元素字体大小的两倍。
相比于绝对单位(如px、pt等),相对单位更具有灵活性,适用于不同设备和屏幕尺寸下的布局。
需要注意的是,2em相对于的是父元素的字体大小,如果父元素的字体大小未定义,那么2em相对于的是浏览器的默认字体大小。
总之,2em是CSS中的一个相对单位,代表相对于父元素的字体大小的两倍。