(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 = 12 * (clientWidth / 320) +"px";
console.log(12 * (clientWidth / 320) +"px");
}else{
//docEl.style.fontSize ="12px";
docEl.style.fontSize = 12 * ( 640 / 320) +"px";
}
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);})(document, window);
移動開發,Webapp 淘寶手機 rem 佈局
相關文章
- web移動佈局所需:remWebREM
- 移動端適配-Rem 佈局篇REM
- 適配手機頁面佈局的動態rem方案REM
- 如何利用vw+rem進行移動端佈局REM
- 移動端第十八章 rem適配佈局REM
- rem佈局REM
- 淘寶 rem 機制入門學習REM
- 利用vw+rem實現移動web適配佈局REMWeb
- 移動 WEB 開發的佈局方式 ---- 響應式佈局Web
- 快速學習掌握移動Web開釋出局總結(流式佈局+flex伸縮佈局+rem佈局+Boostrap框架 )(更新中)WebFlexREM框架
- 保安日記:前端學習第十三篇之移動端佈局rem佈局前端REM
- rem佈局解析REM
- 淘寶、網易移動端 px 轉換 rem 原理,Vue-cli 實現 px 轉換 remREMVue
- 移動端網頁固定佈局例項使用媒體查詢rem進行佈局。網頁REM
- rem 適配佈局REM
- Appium(Python)驅動手機淘寶AppAPPPython
- Vue 引用阿里小圖示 移動端rem佈局 v-touch使用Vue阿里REM
- 前端成神之路-移動web開發_流式佈局前端Web
- 移動端佈局
- 手機app開發UI佈局的影響APPUI
- 移動佈局基礎之 流式佈局
- 關於rem佈局問題REM
- 魔方淘寶客系統(網站+手機app)支援移動android+ios版網站APPAndroidiOS
- 移動端flex佈局Flex
- Web移動端佈局Web
- rem佈局原理和優缺點REM
- Vue專案rem佈局設定VueREM
- 前端成神之路-移動web開發之響應式佈局前端Web
- 來黑馬程式設計師從零學前端與移動開發----移動web開發----伸縮佈局程式設計師前端移動開發Web
- 前端響應式佈局基礎——rem前端REM
- 移動端佈局基礎viewportView
- 拼多多逆襲記:追趕淘寶的法寶和出海佈局的未來
- [開發教程]第6講:Bootstrap巢狀佈局與流動佈局boot巢狀
- 移動端的適配及佈局
- 移動端使用rem原理REM
- rem移動端適配REM
- 移動優先的響應式佈局
- web移動端佈局的那些事兒Web
- 手機淘寶輕店業務 Serverless 研發模式升級實踐Server模式