首页 > 技术文章 > rem

zhoudawei 2018-01-31 15:26 原文

app.js

require('./index.scss');

//获取屏幕宽度(viewport)

let htmlWidth=document.documentElement.clientWidth || document.body.clientWidth;

//获取html的dom

let htmlDom = document.getElementsByTagName('html')[0];

//设置html的fontSize

htmlDom.style.fontSize=htmlWidth/10+'px';

 window.addEventListener('resize',(e)=>{

  let htmlWidth=document.documentElement.clientWidth || document.body.clientWidth;

  htmlDom.style.fontSize=htmlWidth/10+'px';

});

npm install node-sass

 node-sass a.css b.css

@function px2rem($px){

  $rem : 37.5px;

  @return ( $px / $rem ) + rem  

}

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">

推荐阅读