rem是CSS3新增的一個(gè)相對單位
作者:zhushican 丨 時(shí)間:2022年12月28日 丨 分類:六六互聯(lián)
rem布局網(wǎng)頁內(nèi)容
使用相對長度單位rem布局網(wǎng)頁內(nèi)容
rem是CSS3新增的一個(gè)相對單位(root em,根em)
rem與em的區(qū)別在于使用rem為元素設(shè)定字體大小時(shí),仍然是相對大小,但相對的只是HTML根元素
相對單位rem的特性
rem的值并不是固定的
rem是相對根節(jié)點(diǎn)html發(fā)生變化的(和父節(jié)點(diǎn)無關(guān))
實(shí)際開發(fā)中一般默認(rèn)的把html根節(jié)點(diǎn)設(shè)置為10px(62.5%)或者是100px,方便后續(xù)計(jì)算
相對單位rem是集相對大小和絕對大小的優(yōu)點(diǎn)于一身通過它既可以做到只修改根元素字體大小就成比例地調(diào)整所有字體大小,又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)
上一篇
移動(dòng)觸摸事件、觸摸坐標(biāo)的使用
2022年12月28日
2022年12月28日
下一篇