移动适配rem

(function(doc,win){

vardocEl=doc.documentElement,

resizeEvt='orientationchange'inwindow?'orientationchange':'resize',

recalc=function(){

varclientWidth=docEl.clientWidth>750?750:docEl.clientWidth;

if(!clientWidth) {return};

docEl.style.fontSize=200* (clientWidth/750) +'px';

};

recalc();

if(!doc.addEventListener)return;

win.addEventListener(resizeEvt,recalc,false);

doc.addEventListener('DOMContentLoaded',recalc,false);

})(document,window)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 以下是常用的代码收集,学习用。转自豪情博客园 1. PC - js 返回指定范围的随机数(m-n之间)的公式 re...
    自由加咖啡阅读 1,029评论 0 1
  • 需求: 在不同的移动终端设备中实现,UI设计稿的等比例适配。 方案: 布局排版都用rem做单位,然后不同宽度的屏,...
    love2013阅读 14,549评论 1 7
  • 问题的由来 手机屏幕的分辨率差异很大。 iphone4:320×480 iphone6:375×667 H5 网页...
    尚山夏香阅读 2,455评论 0 1
  • 午睡梦到考试挂科需要延期毕业突然惊醒,冒出一身冷汗。 学业成绩真的那么重要吗?好像也并没有,但是我更愿意做好。 总...
    Redefined阅读 376评论 0 0
  • 1、文化基础。520谐音“我爱你”,就好比 8=发,1314=一生一世。这个基本上中国人第一眼就明白,懵懂恋爱的小...
    老金博客阅读 1,842评论 0 1