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

相信很多剛開(kāi)始寫(xiě)移動(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代碼就可以了

    (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
        		
延伸閱讀
        		

        			
        			
ssh框架
        			2016-09-30
        			
        			
        			
        			
阿里移動(dòng)安全 [無(wú)線安全]玩轉(zhuǎn)無(wú)線電——不安全的藍(lán)牙鎖
        			2017-07-26
        			
        			
        			
        			
消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe
        			2024-03-26
        			
        			
        			
        			
Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】
        			2017-07-26
        			
        			
        			
        			
詞向量-LRWE模型-更好地識(shí)別反義詞同義詞
        			2017-07-26
        			
        			
        			
        			
從棧不平衡問(wèn)題 理解 calling convention
        			2017-07-26
        			
        			
        			
        			
php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明
        			2017-07-26
        			
        			
        			
        			
Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解
        			2017-07-26
        			
        			
        			
        			
阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析
        			2017-07-26
        			
        			
        			
        			
集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二)
        			2017-07-26
        			
        			
        			
        		
        		
        		學(xué)習(xí)是年輕人改變自己的最好方式