rem問題
var?docEl?=?document.documentElement, ????resizeEvt?=?'orientationchange'?in?window???'orientationchange'?:?'resize', ????recalc?=?function()?{ ????????//設置根字體大小 ????????docEl.style.fontSize?=?20?*?(docEl.clientWidth?/?320)?+?'px'; ????}; //綁定瀏覽器縮放與加載時間 window.addEventListener(resizeEvt,?recalc,?false); document.addEventListener('DOMContentLoaded',?recalc,?false);
這段是動態獲取font-size大小嗎?假如clientWidth=320px,此時font-size=20px,1rem=20px,這時候20px是不是有點大???怎樣獲取最合適的font-size,就是比如div{width:400px;height=400px;border:1px solid}在不同clientWidth下讓這個盒子看起來大小最舒服?
2016-05-24
var?docEl?=?document.documentElement,
????resizeEvt?=?'orientationchange'?in?window???'orientationchange'?:?'resize',
????recalc?=?function()?{
????????//設置根字體大小
????????docEl.style.fontSize?=?16 *?(docEl.clientWidth?/?320)?+?'px';
????};