css中em单位详解，说明

em详解

     em可以理解成“倍”。

     em会以父级元素中所设置的字体像素值为基准值进行成倍放大&＃xff1b;

字体大小&＃61;(父级元素中的字体像素 * em的值)

例:

网页部分代码如下&＃xff1a;

1.我现在没有在父级元素中设置任何字体像素值&＃xff0c;而直接在

标签中设置了字体大小为“3em”。

  

此时将使用浏览器的默认设置&＃xff08;一般为12px&＃xff09;作为基准像素

网页中显示如下

现在我在父级元素中加上控制字体大小的像素值

设置为30px&＃xff0c;然后再保存刷新下网页。

 

可以看到字体明显大了许多。

总结&＃xff1a;当没有在父级元素中设置字体的像素值时使用em会以浏览器的默认值作为基数&＃xff0c;如果在父元素中设置了字体的像素值&＃xff0c;则会以父级元素的像素值作为基数