1. 程式人生 > >CSS3相對單位: em && rem

CSS3相對單位: em && rem

計算 class nbsp 相對 style css family gin pos

em:

1. em相對於元素父元素的font-size。比如說:如果一個<div>的font-size為“16px”,此時,如果其子元素的字體大小設置為“0.75em”,那麽其字體大小計算出來後就相當於“0.75 * 16px = 12px”

2. p { margin: 1em 0 }

表示段落上下留1em空白,則具體的p元素的字體大小如果是12px,留白也是12px,如果字體為16px,留白也是16px。

rem:

rem相對的是HTML根元素,即html元素,如:

html{
font-size: 14px;
}
p{
font-size: 2rem; /* 此時p的字體大小為28px,即html的
font-size和p的font-size相乘 */
}

CSS3相對單位: em && rem