font-size为12px，则1rem为12px；

25px就是 25/12rem,这时宽高。

margin-top就是30/12rem

可以看这个回答 rem,这种东西还是自己动动手记得更牢固一点

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

建议根元素的字体大小设置成100px;换算方便。

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>

你把这个引入就可以了，放在最上面