移动开发,Webapp 淘宝手机 rem 布局
2017-05-24 16:42
441 查看
(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);
相关文章推荐
- 移动平台3G手机网站前端开发布局技巧汇总
- 移动平台3G手机网站前端开发布局技巧汇总(转)
- 微信H5页面开发、手机微商城、移动webApp开发
- 移动平台3G手机网站前端开发布局技巧汇总(转)
- 移动平台3G手机网站前端开发布局技巧
- 移动平台3G手机网站前端开发布局技巧汇总
- 移动平台3G手机网站前端开发布局技巧汇总
- 移动平台3G手机网站前端开发布局技巧汇总(转)
- 移动平台3G手机网站前端开发布局技巧汇总
- 移动平台3G手机网站前端开发布局技巧汇总
- 移动Web开发基础-rem布局
- 移动平台3G手机网站前端开发布局技巧汇总
- 移动平台3G手机网站前端开发布局技巧汇总(转)
- 移动平台3G手机网站前端开发布局技巧汇总
- webApp移动开发之REM
- 移动平台3G手机网站前端开发布局技巧汇总
- 转向移动webApp开发的前端工程师必要的代码,手机webApp触摸左右滑动切换轮播图片广告
- 移动平台3G手机网站前端开发布局技巧汇总
- 移动平台3G手机网站前端开发布局技巧汇总
- 移动平台3G手机网站前端开发布局技巧汇总