當前團隊開發過程，存在2種度量單位（px、rem）各有說辭
px：各個終端統一大小，簡單明了，未嘗不可！
rem:大屏幕顯示大字體，小屏幕顯示小字體，漸進增強視覺感。
業界各種寫法都有，不逐一討論。
團隊呼聲：使用rem,達到字體漸進增強視覺感。
得出一套簡潔的rem計算自適應方法！大喜！
核心換算片段如下
---------------------------------------------
<script>
function Rem() {
var docEl = document.documentElement,
oSize = docEl.clientWidth / 6.4;
if (oSize > 100) {
oSize = 100; // 限制rem值 640 / 6.4 =100
}
docEl.style.fontSize = oSize + 'px';
}
window.addEventListener('resize', Rem, false);
Rem();
</script>
---------------------------------------------------
A: oSize = docEl.clientWidth/7.5; //設計稿默認750px寬度，這樣7.5,如果設計稿是640px寬度，這個7.5就修改6.4
B: if(oSize>85){
oSize = 85; // 限制rem值 640 / 7.5 ≈ 85
}
640是max-width:640px這樣的屏幕寬度，7.5是設計搞是750px
如果設計稿是 640px.則 640/6.4這樣去
一把移動端頁面 在 body處 設置 max-width:640px
如上加入這段代碼，下面寫單位的時候，直接按照PSD里面的標准大小除以100即可。
如：標注28px.則寫 0.28rem即可！
自適應，體驗性！beautiful!在各個終端完全自適應大小！伸縮自如！
媒體查詢？那么一大段？分批次去寫？NO,NO,NO.還得去適配。
工具換算？NO，NO!還得安裝插件。
有了此REM()代碼片段，再也不用擔心產品,UI說這里小，那里大，不信？你試試！
附件有詳細參考demo,包含了reset樣式及對應的rem自適應demo.還有flex對齊實現左中右自適應對齊的demo
如下圖所示
----------------------------
--
------------------------------------------
多謝 江華(一棵樹)的rem思想,多謝白樹flex的對齊.互聯網,有你很好!僅此備份,學習參考
下載地址:http://files.cnblogs.com/files/leshao/px-rem%E8%87%AA%E9%80%82%E5%BA%94%E8%BD%AC%E6%8D%A2.rar