css中字体单位

标签：

认识这些单位

• em：相对长度单位。相对于父元素。是一个可伸缩的单位。
• px：像素。是一个固定大小的单元。
• pt：点。是固定大小，不可伸缩的。
• %：百分比。相对于父元素。可伸缩的单位。
• rem：相对于根目录的em。

关联

一般来说，任意浏览器默认字体高度都是16px，而 1em=100%=16px=12pt 当不存在父级元素时默认样式：

　　.px{font-size: 16px;}
    .em{font-size: 1em;}
    .rem{font-size: 1rem;}
    .pt{font-size: 12pt;}
    .percent{font-size: 100%;}

em与rem的区别

• em是相对值，他以父元素的大小为基准。
• rem是相对值，它以根元素的大小为基准。

    html{font-size: 12px;}
    .parents{font-size: 30px;}
    .em{font-size: 1em;}
    .rem{font-size: 1rem;}

em与%的区别

一般来说，em和百分比都是参照父元素设置字体大小的，但是在特定的情况下会有差别。至于特定的条件就是特定的浏览器并且对浏览器字体进行设置过后才会产生差别。表现出来的结果往往是em更不稳定。

总结

这几种字体单位各有各的好处，选择一个适合的才是最佳选择。

css中字体单位

标签：

原文地址：http://www.cnblogs.com/Imever/p/4968954.html