問題描述

問題解答

font-size為12px，則1rem為12px；

25px就是 25/12rem,這時(shí)寬高。

margin-top就是30/12rem

可以看這個(gè)回答 rem,這種東西還是自己動(dòng)動(dòng)手記得更牢固一點(diǎn)

html根元素的font-size如果是100px;那么100px = 1rem;0.5rem = 50px;.04rem = 4px;

建議根元素的字體大小設(shè)置成100px;換算方便。

rem一般用于移動(dòng)端布局的，而與px的關(guān)系是在于你的html的fontSize是多少。給你一個(gè)自執(zhí)行函數(shù)你就理解了。

<script type='text/javascript'> (function (win,doc) {function setSize() { doc.documentElement.style.fontSize=20*document.documentElement.clientWidth/320+’px’;}setSize();win.addEventListener(’resize’,setSize,false) })(window,document) </script>

你把這個(gè)引入就可以了，放在最上面