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