em

以前一直对em心存疑虑,今天终于了解它的作用了。


CSS的单位分绝对和相对两种,比如设置width: 100px,就是绝对值,如果设置成width: 100%,就会相对父元素的大小进行调整。

em是一种相对单位,它相对于父元素的文本字体大小,来看一个例子:

body {
    font-size: 100%;
}
h1 {
    font-size: 1.5em;
}


这段CSS表示页面使用字体的默认大小,即16px。h1的大小是默认大小的1.5倍,即24px(16 * 1.5 = 24)

http://www.impressivewebs.com/understanding-em-units-css/

posted @ 2012-05-01 17:34  越己  阅读(348)  评论(0编辑  收藏  举报