vue如何进行页面宽度适配
首先,在方法methods内创建适配方法(适配的大小比例可以根据实际情况进行修改,下面是pc端大多情况下可以使用的)resizeWidth () {this.$nextTick(() => {let width = $('#app').width() - (this.$store.state.app.collapsed ? 83 : 210)let scale = (width / 1880
·
首先,在方法methods内创建适配方法 (适配的大小比例可以根据实际情况进行修改,下面是pc端大多情况下可以使用的)
resizeWidth () {
this.$nextTick(() => {
let width = $('#app').width() - (this.$store.state.app.collapsed ? 83 : 210)
let scale = (width / 1880) < 0.6354 ? 0.6354 : (width / 1920)
$('#homePage').css('transform', `scale(${scale}, ${scale})`)
})
},
其次,在渲染时调用这个适配方法,同时在改变浏览器内的宽度时进行适配
最后,一般这样就可以完成pc端宽度适配
更多推荐
已为社区贡献4条内容
所有评论(0)