一、js代码:
//监听自动刷新旋转屏幕改变
window.addEventListener('onorientationchange', setRem);
//监听自动刷新大小
window.addEventListener('resize', setRem);
setRem() // 调用
function setRem() {
//获取HTML元素
var html = document.querySelector('html')
//获取可视区宽
var width = html.getBoundingClientRect().width;
//设置比例 1rem = width / 16
html.style.fontSize = width / 16 + 'px'
}
二、sass中引入:
@function rem($px){
@return $px / 46.875 + rem
}
eg:
p{ //直接设置 rem(具体数值)
font-size:rem(27);
margin:rem(48) 0 rem(15) 0;
}