这段时间,独自开发一个公众号项目,第一次,感觉rem适配的问题比较重要,做个记录。
把这个单独放在assets下面的js文件夹,然后再app.vue里面引入,该项目的所有页面就可以使用rem来操作了
// px转换成rem 比例是100px=1rem
fnResize()
window.onresize = function () {
fnResize()
}
function fnResize() {
var deviceWidth = document.documentElement.clientWidth || window.innerWidth
if (deviceWidth >= 750) {
deviceWidth = 750
}
if (deviceWidth <= 320) {
deviceWidth = 320
}
document.documentElement.style.fontSize = ((deviceWidth / 7.5)*2) + 'px'
}