rem 是怎么實(shí)現(xiàn)響應(yīng)式布局的？
別打擾我我要學(xué)習(xí)
2018-03-09 13:58:05
2 回答
已采納
雙越
TA貢獻(xiàn)5條經(jīng)驗(yàn) 獲得超1個(gè)贊
rem 是 CSS3 新增的一個(gè)相對(duì)單位(root em，根 em)，使用 rem 為元素設(shè)定字體大小時(shí)，仍然是相對(duì)大小， 但相對(duì)的只是 HTML 根元素。根元素只有一個(gè)，因此可以指定標(biāo)準(zhǔn)。目前移動(dòng)端響應(yīng)式布局，推薦使用 rem 。
首先，通過(guò) css3 的 Media Query 針對(duì)不同屏幕的設(shè)置字體，例如
然后，就可以使用 rem 做字體或者距離的計(jì)算了，例如
ruibin
TA貢獻(xiàn)358條經(jīng)驗(yàn) 獲得超213個(gè)贊
因?yàn)樽值膯挝幌喈?dāng)于百分比的，所以可以實(shí)現(xiàn)響應(yīng)式布局。
添加回答
舉報(bào)
0/150
提交
取消