移動端自適應不同大小的螢幕

2022-09-18 05:54:16 字數 669 閱讀 8303

"

utf-8

" />

"format-detection

" content="

telephone=no

" />

"" content="

no" />

"viewport

" content="

user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi

" />

(function (doc, win) ;

recalc();

if (!doc.addeventlistener) return

; win.addeventlistener(resizeevt, recalc,

false

);})(document, window);

meta標籤引入在開頭,js**引入在js中,使用的時候不給寬的資料,px/24轉為rem,

即頁面和字型都可以可以隨著螢幕的長度改變。

適用於移動端。

移動端螢幕自適應(筆記)

首先單位自適應,使用rem做單位,rem根據根標籤來決定,若html的font size為50px 那麼1rem就是50px 然後我們在根據螢幕大小來給html定義font size 把以下 寫到index.html中 fnresize window.onresize function functi...

移動端自適應rem大小

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

pc端網頁自適應各版本移動端螢幕大小

在網上廣泛搜尋後終於找到了解決辦法 meta標籤起決定性作用 meta name viewport content width device width,initial scale 1,minimum scale 1,maximum scale 1,user scalable no 在網頁的中增加這...