## 適配：都用百分比？ 如果我們不用rem，在750設計稿單位轉換時就全部用百分比不也可以，比如寬高占750屏幕的多少，全部用百分比，不也和rem一樣的嗎，這樣還不用動態設置跟大小那么麻煩了，直接就能夠完美適配了。 **其實本質上rem就是相對于根元素的比例，resize時還要動態設計根元素的font-size，百分比的話就不用這么麻煩了，直接相對的就是屏幕，所以本身就是自適應的。** 但利用百分比有個問題，百分比是相對于父元素的，如果本身是第一層元素還好，直接相對的是屏幕大小，但如果是嵌套很深的子元素，那么使用百分比會很難計算了。**所以使用百分比代替rem，理論上原理可行，但是由于計算不方便，所以不能使用。** 其實也并不是百分比不好算，而是height的百分比不好計算，以頂層元素舉例，width百分比為屏幕的寬的百分比，**height為頁面高度的百分比，但頁面的高度不是固定值**，還可能是動態的，設計稿上也只是展示部分內容，頁面高度可能是無限的，那這就麻煩了，所以直接使用百分比計算不可行！而rem就不一樣了，所有計算都是html的font-size值為基準值，相當于是于根的百分比。 （百分比其實就是em，而rem顧名思義，就是root根的百分比/em啊。） [淺談響應式Web設計與實現思路](https://www.toutiao.com/a6508149161299280398/?tt_from=weixin&utm_campaign=client_share&timestamp=1515350460&app=news_article&utm_source=weixin&iid=22069500288&utm_medium=toutiao_android&wxshare_count=1) > 特別注意的是margin,padding屬性值為百分比時，是基于當前元素width值的。**%單位也是一個縮放單位，所以也常用于樣式適配。** >[tip] 錯！！！只有padding才是基于當前元素的，margin和width一樣，都是基于父元素的。 * * * * * last update：2018-7-19 15:44:20