VUE解决背景图片没有铺满的问题

我刚下载的VUE-cli框架，但是设置背景图片的时候发现，在App.vue文件中设置style的风格css即可，红色部分其实就是网上抄来的，这就是背景图片的设置

但是我又发现了，图片没有铺满。

类似图片中的这样，上面和左边都会留个缝隙。

我找了半天都没有找到，直到看到：解决vue背景无法铺满全屏的问题 - 简书

这个说的情况跟我一样，只不过它是在index.html，我的工程里都没有，但是一葫芦画瓢，我在App.vue文件添加上body即可：

发现一家解决了背景图片铺满的问题了。

VUE解决背景图片没有铺满的问题相关推荐

android设置背景图片不填充整个_Android应用开发之android解决背景图片平铺拉伸问题...
本文将带你了解Android应用开发之android解决背景图片平铺拉伸问题,希望本文对大家学Android有所帮助最近开发时遇到一个问题: 使用一条图片(1200x128)平铺作为背景,测试机型是 ...
html背景图片不重叠铺满,css背景图片怎么铺满
该方法适用于所有品牌的电脑. CSS设置拉伸背景图片铺满屏幕新建一个html文件,命名为test.html,用于讲解CSS中如何设置拉伸背景图片铺满屏幕. 在test.html文件内,使用div标签 ...
background图片叠加_CSS 背景图片重叠铺满整个层
background:url(背景图片路径) no-repeat;/*不重复默认在左上方*/ background:url(背景图片路径) no-repeat center;/*不重复背景图片中间显示 ...
web图片铺满网页_html5的video的背景图片poster铺满全屏大小方法
html5支持视频播放,而且趋势,facebook也全面切换到html5了,最近做一个简单的视频播放器,测试了好多jplayer,video.js之类的都觉得不太好,所以自己写一个最简单的,不过发现了 ...
背景图片自适应铺满整个手机屏幕
.div{ background-image: url("图片.png");background-size: cover;background-repeat: no-repeat; ...
css background:背景图片拉伸铺满
http://www.w3school.com.cn/tiy/c.asp?f=css_background-size&p=8 background: url("img.jpg&quo ...
vue项目登录页背景图百分百铺满屏幕宽高自适应
vue项目背景图百分百铺满屏幕宽高自适应 .login{background: url(../../../static/img/login/beijing@2x.png);background-siz ...
CSS背景图片平铺占满整个浏览器，且固定住不随滚动条移动
背景图片平铺占满整个浏览器,且固定住不随滚动条移动的样式写法 body {background-image: url(../images/bakimg.jpg); background-size: 1 ...
Duilib技巧：背景图片平铺
贴图的描述方式有两种 // 1.aaa.jpg // 2.file='aaa.jpg' res='' restype='0' dest='0,0,0,0' source='0,0,0 ...
Vue + element-ui 背景图片设置
Vue + element-ui 背景图片设置初学vue 看到其他网址都有些背景图片,于是试着自己也写了一下,表述不好请见谅实现效果以下是如何实现: 找到你想要设置背景图片的页面 data里设置 ...

VUE解决背景图片没有铺满的问题

VUE解决背景图片没有铺满的问题相关推荐

最新文章

热门文章