vue如何让一个div占满全屏_使用Vue-cli 中为单独页面设置背景图片铺满全屏

啥也不说了，大家还是直接看代码吧~

import meadiaurl from '../../api/mediaurl'

export default {

name: "logo"

#logo{

background: url("../../assets/images/Login.png");

background-size: 100% 100%;

height: 100%;

}

如果像以上代码写，高度为100%时，会发现背景图片只是内容撑起来的，却不能使整个屏幕铺满背景图；

解决方案：

我们要让#logo脱离文档流，为他添加个fixed属性

#logo{

background: url("../../assets/images/Login.png");

background-size: 100% 100%;

height: 100%;

position: fixed;

width: 100%

}

补充知识：vue 实现全屏显示和全屏按钮svg图

1，第一步安装screenfull

npm install --save screenfull

2， 新建screenfull.vue组件，

t="1508738709248"

class="screenfull-svg"

viewBox="0