關於手機端適配的問題（rem，頁面縮放）

(function()

//設定根元素font-size大小

docel.style.fontsize = 100 * (clientwidth / 750) + 'px';

};//螢幕大小改變，或者橫豎屏切換時，觸發函式

win.addeventlistener(resizeevt, recalc, false);

//文件載入完成時，觸發函式

doc.addeventlistener('domcontentloaded', recalc, false);

})();

本人在看帖子的時候，看到乙個**縮放頁面的方法，親測，效果不錯，直接用px單位寫，根據meta標籤進行縮放。這樣如果想引用ui庫的css 就不會衝突了，嗯不錯不錯。

附上縮放**

123

css/* css reset from normalize*/

html 

body 
/* 上下拉動滾動條時卡頓、慢 */
body 
/* ios和android下觸控元素時出現半透明灰色遮罩 */
a #getheight 
#content 
#content

rem手機端適配方案

1.頁面加入如下 function doc,win else if doc.addeventlistener return win.addeventlistener resizeevt,recalc,false doc.addeventlistener domcontentloaded recalc...

pc端rem適配 聊聊PC端頁面適配

目前pc並沒有像移動端那樣，可以用rem單位這種一站式解決方案，因為pc需要考慮低階瀏覽器，查詢和background size這些新屬性都不能用。設計稿 1920 1080 190 2.16 自己測1920 945 2.03 14寸普通筆記本 1366 768 190 2.36 參考 參考 登入考...

關於rem適配移動端

function doc,win if doc.addeventlistener return win.addeventlistener resizeevt,recalc,false doc.addeventlistener domcontentloaded recalc,false documen...