移動端自適應rem大小

2022-08-28 21:45:25 字數 542 閱讀 5521

自執行函式封裝

以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...