自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

weixin_45576567的博客

博客等级

码龄6年

关注

私信

Vue大屏自适应终极解决方案
jackie-su: 我用rem的部分被同步缩小了
Vue大屏自适应终极解决方案
m0_62492968: 大佬请教下，用了之后，大屏居中显示了，但左右会留有黑边怎么回事
Vue大屏自适应终极解决方案
ezio_iron: 解决了就是给.v-screen-box这个div自己设置高度这个高度是根据transform比例来的 transform比例你可以自己审查元素就看到了[code=javascript] window.addEventListener("resize", () => { let winFlag = window.innerHeight === window.screen.height; if (winFlag) { allHeight.value = "1080px"; } else { setTimeout(() => { //@ts-ignore let s = document.getElementsByClassName("screen-wrapper")[0].style.transform; let num = s.substring(s.indexOf(",") + 1, s.length - 1); let data = 1958 * num; allHeight.value = data + "px"; }, 800); } }); [/code] 这是我这具体的代码最后就是把这个allHeight绑定给.v-screen-box就可以了
Vue大屏自适应终极解决方案
ezio_iron: 请问下用了这个之后是不是就没办法滚动了呢设置autoScale{x:true}后横向可以展示完整纵向展示不完整而且还不能滚动了..
Vue大屏自适应终极解决方案
越来越好。: 我只能说牛波一，不用掉头发了55555

关注

关注数：文章数：2 文章阅读量：988 文章收藏量：1

生活不止眼前的苟且，还有诗和远方。

展开

CSS3中的transform