1. 程式人生 > >簡單的移動端rem佈局方法

簡單的移動端rem佈局方法

為根元素的html設定font-size的字型大小,根據螢幕的寬度來改變字型的大小,來達到自適應的效果,比如設計圖的寬度是750px,那就用750/16=46.875px;一個div的寬度是200px,就是200/46.875=4.27rem,小數太多的情況下可以四捨五入;因為設計圖寬度多為750px算起來小數特別多特別麻煩,所以把設計圖寬度改成640px,算起來就好多了。

<script type="text/javascript">
            //rem根元素設定字型大小
            document.documentElement.style.fontSize = innerWidth / 16
+ 'px'; onresize = function() { document.documentElement.style.fontSize = innerWidth / 16 + 'px'; };
</script>