rem:W3C官網(wǎng)描述是“font size of the root element”，即rem是相對于根元素來設(shè)置大小。
rem是一種移動端的單位,用來讓不同大小的設(shè)備獲得同樣的體驗(yàn),原理是先設(shè)置一個(gè)基礎(chǔ)值,
1rem等于html標(biāo)簽的字體大小,如果改變html的字體大小 就能修改1rem對應(yīng)的px
html {
font-size: 62.5%;
/*10 ÷ 16 × 100% = 62.5%*/
/*html默認(rèn)16px,如果把默認(rèn)字體大小改為10px那么1rem=10px,后面用起來就很方便*/
}
body {
font-size: 1.4rem;
/*1.4 × 10px = 14px */
/*由于修改了html默認(rèn)字體大小值所以把body的字體大小修改為1.4rem也就是14px,避免后面都變1rem(10px)*/
}
h1 {
font-size: 2.4rem;
/*2.4 × 10px = 24px*/
}
