607的彩的正确网址

现在的位置: 607的彩的正确网址 > 移动开发 > 正文

rem适配的常用封装方法

2020年02月13日 移动开发 ⁄ 共 845字 ⁄ 字号 评论关闭

  zaizhiqianxieleyipianguanyuremshipeidewenzhang,danshimeiyoujichujutidefengzhuang,neimejintianzheilijichuchangyongdesanzhongfangfa,fenxiangchulaigongdajiacankaoxuexi,xiamianhuabuduoshuole,laisuizhexiaobianyiqixuexixuexiba

  一、rem1.js

  diyizhongfangfakaolvlemduanpingmuxuanzhuandewenti.duijianrongxingzuochuleyidingdechuli,jutikandaima.

  export function rem (doc, win) {

607的彩的正确网址  let docel = doc.documentelement;

607的彩的正确网址  //kaolvyijijianrongle pingmuxuanzhuandeshijian

  let resizeevt = 'orientationchange' in window ? 'orientationchange' : 'resize';

  let recalc = function () {

  var clientwidth = docel.clientwidth;

607的彩的正确网址  if (!clientwidth) return;

  if (clientwidth >= 750) {

607的彩的正确网址  docel.style.fontsize = '100px';

  } else {

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

  }

  };

  if (!doc.addeventlistener) return;

  win.addeventlistener(resizeevt, recalc, false); // pingmudaxiaoyijixuanzhuanbianhuazishiying

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

  recalc();

  };

  二、rem2.js

  caiyonghtmlbiaoqiandeoffsetwidthzhangdujisuan,

607的彩的正确网址  export function rem() {

607的彩的正确网址  var fz = document.queryselector('html').offsetwidth / 7.5; //shejitu 750 1rem=100px

607的彩的正确网址  document.queryselector('html').style.fontsize =

  fz <= 100 ? fz + 'px' : '100px';   window.onresize = function() {   rem();   };   };   三、rem3.js

  caiyongwindow.innerwidthjisuan,shezhilebody fontsizefangzhizitijicheng,shiyemianzitiguoda.

  export function rem() {

607的彩的正确网址  document.documentelement.style.fontsize = window.innerwidth / 7.5 + 'px'; //1rem = 100px

  document.body.style.fontsize = '14px';// zaibodyshangjiangzitihaiyuandaxiao,bimianyemianwuyangshizitichaoda

  }

  zongjie

607的彩的正确网址  yishangjiushizheipianwenzhangdequanbuneirongle,xiwangbenwendeneirongduidajiadexuexihuozhegongzuojuyouyidingdecankaoxuexijiazhi,ruguoyouyiwendajiakeyiliuyanjiaoliu,xiexiedajiaduiwomendezhichi。

baoqian!pinglunyiguanbi.

2元中国福利彩票怎么看 2元买彩票选几个数字 2元中国福利彩票的买法 2元就可以打1毛的斗地主棋牌 2元彩是值得您信赖的 2元斗地主群 2元的彩的网 2元彩票双色球走势图双色球 2元彩票网全国走势图 2元就可以打1毛的炸金花棋牌