手機端頁面自適應(yīng)解決方案—rem布局

相信很多剛開始寫移動端頁面的同學(xué)都要面對頁面自適應(yīng)的問題，當(dāng)然解決方案很多，比如：百分比布局，彈性布局flex（什么是flex），也都能獲得不錯的效果，這里主要介紹的是本人在實踐中用的最順手最簡單的布局方案——rem（什么是rem）布局

rem布局非常簡單，首頁你只需在頁面引入這段原生js代碼就可以了

復(fù)制代碼 
    (function (doc, win) { var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () { var clientWidth = docEl.clientWidth; if (!clientWidth) return; if(clientWidth>=640){
                    docEl.style.fontSize = '100px';
                }else
        		
網(wǎng)友評論