rem的用法

在你需要用rem的页面中加入下面的一段js

 <script>
    document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.clientWidth/750*100 + 'px';
</script> 

 

750为设计稿的宽度，设计稿宽度为多少js中就除多少。然后在你需要用到rem的地方，把你原来px的值除100得到的就是rem的值。

 

比如： font-size:20px;  换成rem就是font-size:0.2rem;

这样字体大小就会根据不同屏幕的大小而显示具体的文字。