博客

1.rem的大小

1rem的大小就是根标签html的一个字体大小,跟em的差别是,而1em是相对当前标签父元素的一个字体大小

html {
		font-size: 10px;
}

2.rem在vue中如何使用

创建rem.js文件,这里是相对375屏幕尺寸做的适配,直接上代码

const baseSize = 37.5
function setRem() {
  const scale = document.documentElement.clientWidth / 375
  document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px'
}
setRem()
window.onresize = function () {
  setRem()
}

在入口文件main.js中直接引入即可