html5 - rem和px 换算详解

Answer 1

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

25px就是 25/12rem,這時寬高。

margin-top就是30/12rem

Answer 2

可以看這個回答 rem,這種東西還是自己動手記得更強一點

Answer 3

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

建議根元素的字體大小設定成100px;換算方便。

Answer 4

rem一般用於行動裝置佈局的，而與px的關係是在於你的html的fontSize是多少。給你一個自執行函數你就理解了。

<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>

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