使用这个方法配适之后,1rem = 100px;
例如ui图中 字体大小24px ,那么开发时字体大小为0.24rem
<script>
export default {
mounted(){
setRem()
},
}
function setRem() {
var whdef = 100/750;// 表示1920的设计图,使用100PX的默认值
var bodyWidth = document.body.clientWidth;// 当前窗口的宽度
var rem = bodyWidth * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
document.getElementsByTagName('html')[0].style.fontSize = rem + 'px';
}
window.addEventListener('load', setRem);
window.addEventListener('resize', setRem);
</script>