Vue项目设置全屏背景图片上方有白边的问题

今天在Vue框架下写一个登录页面想弄个全屏的背景，添加完背景图片之后发现上方有一个小小的白边，并且添加完成之后整个页面是可以稍微上下滑动的，非常的不美观。就是这个非常小的白边，让整个页面都可以滑动联想到之前设置全屏背景图都需要给body设置 margin:0，于是检查了一下白边的元素发现这个元素之后只需要进入public的index.html，然后在其body里面设置 margin:0就可以啦之后

陈陈陈陈嘉

4093人浏览 · 2021-07-17 22:30:00

陈陈陈陈嘉 · 2021-07-17 22:30:00 发布

今天在Vue框架下写一个登录页面想弄个全屏的背景，添加完背景图片之后发现上方有一个小小的白边，并且添加完成之后整个页面是可以稍微上下滑动的，非常的不美观。

就是这个非常小的白边，让整个页面都可以滑动

联想到之前设置全屏背景图都需要给body设置 margin: 0，于是检查了一下白边的元素

发现这个元素之后只需要进入public的index.html，然后在其body里面设置 margin: 0就可以啦

之后背景图片就会完整覆盖整个页面了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^