rem的基準字體大小的設置

1.移動端 UI 給的設計稿一般是640px、720px、750px的寬度，可是咱們要作適配，兼容不一樣的終端，rem佈局是比較經常使用的一種方式，比較關鍵的是肯定根節點的字體大小。

這裏以640px爲例，用代碼寫一下：

 1 window.onresize = function(){
 2     var maxWidth = document.documentElement.clientWidth;
 3     if(maxWidth > 640){
 4         maxWidth = 640;
 5     }
 6     document.documentElement.style.fontSize = ((maxWidth / 640) * 16) + 'px';
 7 };
 8 var maxWidth = document.documentElement.clientWidth;
 9 if(maxWidth > 640){
10     maxWidth = 640;
11 }
12 document.documentElement.style.fontSize = ((maxWidth / 640) * 16) + 'px';

在使用的時候，能夠將這個部分放在一份單獨的文件夾中，命名爲fontSize.js，也比較好區分於別的js文件。

若是你的設計稿是別的尺寸的，能夠將咱們上述fontSize.js中的640修改成本身設計稿的寬度的實際尺寸。

移動端的最小尺寸通常是320px,最大尺寸爲設計稿的尺寸，上面咱們得出的是1rem的值。

2.flexible.js插件也能夠解決一樣的問題，使用起來也很簡單、方便，有興趣的同窗本身瞭解一下，有時間跟你們再分享一下這個flexible.js插件。