vue设置背景占满全屏

示例：如下图的顶部和左侧的画红线的区域：

解决背景图片占满全屏的问题如下： 1、首选要新建一个全局样式表global.css文件，代码如下：

/* 全局样式表 */ html, body, #app { height: 100%; margin: 0; padding: 0; }

2、在项目入口文件main.js中导入全局样式表，代码如下：

import './assets/css/global.css'

3、然后在style中设置如下代码：

.login{ background:url("~@/assets/image/beijing.png"); width:100%; height:100%; position:fixed; background-size:100% 100%; }

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。