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处理汉字时，对于浮点的取值精确度有限。