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插件。