0
点赞
收藏
分享

微信扫一扫

vue+nuxt项目,单独给一个页面设置背景颜色无法满屏的情况

kolibreath 2022-03-21 阅读 37

完整采坑过程和解决结果:

1、我想给一个子页面单独设置一个背景颜色。

2、通过给body设置颜色后发现其他页面的颜色也变了。

3、然后通过scoped来限制css样式只在当前页面生效,设置scoped后body的背景色失效了。

4、然后我又给template内的第一个div标签设置背景色,设置完发现无法满屏,上下左右均有一条白线。

5、随后查到可以通过position: fixed解决,背景颜色成功满屏。

6、但随后我又发现页面无法通过鼠标滚轮滚动了,一番折腾,发现position的fixed要换成absolute。

至此,所有问题完美解决。

举报

相关推荐

0 条评论