我的前端筆記 之 移動端適配

韓可樂發表於2018-04-17

做移動端的時候因為移動端裝置大小不一的原因,使得頁面不宜固定尺寸

此時就是rem的用武之地了,

什麼是rem 、em 、px,請大家自行百度吧。

這裡我只放2段程式碼。

我的前端筆記 之 移動端適配

我的前端筆記 之 移動端適配

//根字型大小設定
var deviceWidth = document.documentElement.clientWidth;
    document.getElementsByTagName("html")[0].style.fontSize = deviceWidth / 7.5 + 'px';
//改變視窗的時候重新計算大小
window.onresize = function () {    
    var deviceWidth = document.documentElement.clientWidth;   
    document.getElementsByTagName("html")[0].style.fontSize = deviceWidth / 7.5 + 'px';}

複製程式碼


相關文章