使用VUE应用程序删除主页上的白色细边框

Question

Hello Vue / css专家

对于VUE，我还很陌生，现在我想尝试学习， 使用我开发的所有VUE应用程序，页面的顶部和左侧似乎都有一个细的白色边框，当我的背景较暗时，这变得很烦人。有什么办法可以消除它？

下面是代码

<!-- main.js-->  
import Vue from 'vue'
import App from './App.vue'

new Vue({
  el: '#app',
  render: h => h(App)
})


<!-- App.vue-->
<template>
  <div id="app" class="initial">
      <router-view class='initial'></router-view>
    </div>
</template>

<script>
import axios from "axios";
import Cookies from "js-cookie";
export default {
  name: "app",
  mounted() {}
};
</script>
<style>
.initial {
  background-size: cover;
  background: linear-gradient(
    to bottom,
    rgb(98, 208, 223) 0%,
    rgb(7, 65, 73) 100%
  );
  position: absolute;
  width: 100%;
  height: 100%;
}
</style>

下面是浏览器页面的图像，其中有细小的白色间隙。

基本上背景并不覆盖整个浏览器页面

甚至默认情况下也会显示滚动条，在这里我需要更改什么，只是用滚动条填充整个背景

谢谢

Answer 1

它的默认边距。您可以通过将其放在样式表的开头来解决此问题。

 * {
       margin: 0;
   }

P.S。 *-选择所有元素。

Answer 2

您可以通过创建全局CSS文件并添加以下代码来解决此问题。

*{
    padding:0;
    margin:0;
}