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

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

rem布局非常簡(jiǎn)單，首頁(yè)你只需在頁(yè)面引入這段原生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)友評(píng)論