Удаление тонкой белой рамки на главной странице с помощью приложения VUE - PullRequest
Новая
       8

Удаление тонкой белой рамки на главной странице с помощью приложения VUE

0 голосов
/ 28 августа 2018

Hello Vue / css Experts,

Я довольно новичок в 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>

Ниже приведено изображение страницы браузера, где расположен тонкий белый пробел.

В основном фон не покрывает всю страницу браузера

background

и даже полоса прокрутки появляется по умолчанию, что мне нужно изменить здесь, чтобы заполнить весь фон полосой прокрутки

Спасибо

1 Ответ

0 голосов
/ 28 августа 2018

Это поле по умолчанию. Вы можете исправить это, поместив его в начало таблицы стилей. 

 * {
       margin: 0;
   }

P.S. * - Выбирает все элементы.

...