CSS中的em运用详解,1em等于多少像素

html-css011

CSS中的em运用详解,1em等于多少像素,第1张

1em并不是固定等于多少像素的,是根据元素的字体大小而定,如果是等宽字体,1em就是1个字符的宽度,如果是比例字体(只有英文字体才有)则1em等于英文大写字母“M”的宽度。操作方法如下:

1、首先新建一个html和css文档。

2、chrome默认是16px大小。

3、1em就是继承父元素不变。

4、2em这里就是32px。

5、1rem在这里也是16px,因为浏览器默认16px。

1em表示一个

大写字母

M的宽度,在

等宽字体

中(所有中文字体都是等宽字体),1em即表示一个

半角字符

的宽度,那么一个汉字就是2em的宽度。