TA貢獻1900條經驗 獲得超5個贊
rem用來設置字體大小，也可以用于網格布局。rem中的r代表根元素，它的值就是根元素設置的字體大小。在大多數情況下，根元素就是html了。這個單位可以解決em設置字體時，由于繼承帶來的問題，具體如下：body{font-size:14px;}div{font-size:1.2em;//calculatedat14px*1.2,or16.8px}假設html存在這樣的結構：TestTestTest但是用rem能避免html{font-size:14px;}div{font-size:1.2rem;}這樣在上面的那三個嵌套的div的字體大小都是1.2*14px=16.8px了。在布局中，如下：.container{width:70rem;//70*14px=980px}參考文章
TA貢獻1770條經驗 獲得超3個贊
rem這個單位是相對于根元素的，是可以用來設置width和height的，只是計算的基準是html標簽的font-size值，這里建議html的font-size值用px，不要用百分比；不過呢html的font-size最好是通過js來動態計算一個數值://-設置根元素fontSize~(function(doc,win){var_root=doc.documentElement,resizeEvent='orientationchange'inwindow?'orientationchange':'resize',resizeCallback=function(){varclientWidth=_root.clientWidth,fontSize=20;if(!clientWidth)return;if(clientWidth<640){fontSize=20*(clientWidth/320);}else{fontSize=20*(640/320);}_root.style.fontSize=fontSize+'px';};if(!doc.addEventListener)return;win.addEventListener(resizeEvent,resizeCallback,false);doc.addEventListener('DOMContentLoaded',resizeCallback,false);})(document,window);
舉報