px,em,rem的区别

PX的特点

    1.IE无法调整那些使用PX作用单位字体大小。
    2.国外的大部分网站能够调整的原因在于其使用了em,rem字体单位。
    3.Fire fox能够调整px和em,rem。但是96%以上的中国网民使用IE浏览器。

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

em的特点

    1.em的值并不是固定的。
    2.em会继承父级元素的字体大小。

写css时注意:

    1.body选择器中声明font-size=62.5%
    2.将你原来的PX数值除以10.然后换上em作为单位
    3.重新计算那些被放大的字体的em数值,避免字体的大小的重置声明

rem的特点

    1.rem是CSS3新增的一个相对单位。
    2.使用rem为元素设定字体大小是,任然是相对大小。但相对的只是HTML跟元素。

posted @ 2016-04-10 22:17  李怡  阅读(190)  评论(0)    收藏  举报