接下來是個人的理解，網上的資料太雜太亂，得細心看才能找到精華。

css3字型有了“rem”單位，來解決螢幕適配問題。

它與px的區別：px設定了字型大小就不可變，rem是可以根據根元素html的字型的大小而變化的。

接下來就是用法：

原理：隨著html的font-size的變化，rem變化。

思路：只要我算出來不同螢幕字型比例大小就可以了。

vw是 Viewport寬度， 1vw 等於viewport寬度的1%；vh是 Viewport高度， 1vh 等於viewport高的的1%；

假設設計圖是根據iphone6來設計的，iphone6的寬度為375px，100vw（等於viewport寬度的100%）是螢幕的寬度，

100vw/3.75=100px；所以在這裡1rem=100px；

一些瀏覽器不支援font-size: calc(100vw/3.75); 所以js加一句$(“html”).css(“font-size”,(window.innerWidth)/3.75 + ‘px’);