移動端自適應rem大小

自執行函式封裝

以iphone5的根字型大小為20px螢幕邏輯畫素為320，可以改變
字串名字 in window 判斷window下有沒有這個字串方法屬性，返回布林值
orientationchange 螢幕方向改變時候觸發的函式
resize螢幕尺寸發生改變時候觸發的函式

(function

(doc,win);
if(!doc.addeventlistener)return
;    
var resizeevt='orientationchange' in win?'orientationchange':'resize';
win.addeventlistener(resizeevt,run,
false
);    doc.addeventlistener('domcontentloaded',run,false
);    console.log(docel.fontsize);
})(document,window)

移動端自適應與rem

提到移動端適配，小夥伴們都會想到rem布局，那麼rem是什麼呢？我們有為什麼要使用rem呢?下面我們就來討論一下。rem是相對於根元素 也就是說到rem又不免想到em。那麼他們之間有什麼血緣關係嗎？是的，他們可能是兄弟 父子，也可能是爺孫關係。它們之間的區別在於，rem依賴於根元素,而em是依賴於父...

移動端自適應rem布局

補充乙個基本知識，不許笑，1rem等於html中設定的字型大小 px 首先，html 的 head 部分中加入如下 initial scale 初始縮放比例，即當瀏覽器第一次載入頁面時的縮放比例。值為 1.0 即原始尺寸。maximum scale 允許瀏覽者縮放到的最大比例，一般設為1.0，即原始...

rem自適應布局 移動端自適應必備

由於移動端特殊性，本文講的是如何使用rem 實現自適應 或叫rem 響應式布局，通過使用乙個指令碼就可以rem自適應 rem是相對於根元素 這樣就意味著，我們只需要在根元素確定乙個px字型大小，則可以來算出元素的寬高。1rem 16px 瀏覽器html的畫素，可以設定這個基準值 假如瀏覽器的html...