最近更新
阅读排行
读过本文章的之前读了
关注本站

CSS中px和em的区别

阅读:4534 次   编辑日期:2015-01-06

目录:

概述:

今天说一个经常用,但是没注意的问题,在设置字体大小的时候我们可以用px也可以用em,但是px与em到底有什么差别呢,今天我们来来说说。

px像素(Pixel):

px是相对长度单位。像素px是相对于显示器屏幕分辨率而言的。

em:

em也是相对长度单位,是相对于当前字体大小的尺寸,这个字体可以是设置的,也可以是继承的。如果没设置,就是相对于浏览器默认的字体大小(16px)。

px与em的区别:

1.em的值并不是固定的,是根据当前字体的大小而定,1em就是当前字体的大小。而px的大小是固定。
2.em可以继承自父容器,而px不行。
3.在IE中px的字体是不能够改变大小的(在IE上方点击 查看 > 文字大小)。
将本篇文章分享到:
top