CSS文字大小单位PX、EM的区别

 

 

◆px像素(Pixel)是相对长度单位,像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)
◆em是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)

因此用px来定义字体,无法用浏览器字体缩放的功能/*但是mac osx 10.9.2测试了一下,chrome\safari\opera\firefox都可以放大用px定义的字体啊,不知道现在标准是不是变了*/

使用时需要注意:

  1. 浏览器的默认:16px=1em
  2. em的值不是固定的,他会继承父级元素的字体大小。例如 div 标签的嵌套,设置字体大小为 1.2em,则从外层到内层的字体是逐渐变大的,也就是内层字体大小是外层字体的 1.2 倍,内层因继承div的字体高而变为了1em=12px,因此需要重新计算那些被放大的字体的em数值,避免字体大小的重复声明;
  3. body选择器中声明Font-size=62.5%,换算关系 就变为了:1em=16px*62.5%;
  4. Font-size=63%,可以让汉字在IE下正常显示。原因可能是IE处理汉字时,对于浮点的取值精确度有限。

CSS文字大小单位PX、EM的区别,布布扣,bubuko.com

CSS文字大小单位PX、EM的区别

上一篇:JS中常用坐标offset、scroll、client的区别


下一篇:设置tomcat配置文件,在Myeclipse中修改jsp文件之后不用重启tomcat