index.html(或者放在需要缩放页面的mounted里)
function setPageScale() {
var width = window.innerWidth
var height = window.innerHeight
var appHeight=document.getElementById('app').clientHeight
var appWidth=document.getElementById('app').clientWidth
var scaleh = height / 1080
var scalew = width / 1920
const element =document.getElementById('app')
if(scaleh>scalew){
let marginSize=(height-appHeight*scalew)/2;
element.style["margin-left"]=0;
element.style["margin-top"]=marginSize+'px';
element.style.transform = 'scale(' +scalew + ')'
}else{
let marginSize=(width-appWidth*scaleh)/2;
element.style["margin-left"]=marginSize+'px';
element.style["margin-top"]=0;
element.style.transform = 'scale(' +scaleh + ')'
}
}
setPageScale()
window.addEventListener('resize', function() {
setPageScale()
})