удалить пробелы с фона веб-страницы - PullRequest
Новая
       15

удалить пробелы с фона веб-страницы

0 голосов
/ 07 июня 2019

Я пытаюсь удалить пробелы с фона html-страницы, и я использовал этот код, но все еще сталкиваюсь с той же проблемой!

result

Я использую Angular 7 с узлом 10 и браузером Chrome

HTML-файл ... 

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Document</title>
</head>
<body>
Hello World!
</body>
</html>

Файл SCSS ... 

$colors: (
  primary: #000000,
  fonts: #ffffff
);

body {
  background-color: map-get($colors,primary);
  color: map-get($colors, fonts );
  margin: 0;
  padding: 0;
}

Ответы [ 2 ]

1 голос
/ 07 июня 2019

Раньше не использовал угловой, поэтому я не уверен, будет ли он работать. Но я не думаю, что это должно иметь значение.

То, что вы хотите сделать, это сброс браузера.

По умолчанию установлено значение content-box, которое включает отступы и поля из браузера. Используя универсальный селектор, установите отступы и поля на ноль. Установите для свойства box-sizing значение border-box в элементе body, а затем универсальные селекторы наследуют свойство box-sizing. 

* {
  padding: 0;
  margin: 0;
  box-sizing: inherit;
}

body {
  box-sizing: border-box;
}
0 голосов
/ 10 июня 2019

Вы получаете пробел, потому что тег <body> принимает поля / отступы по умолчанию. Так что вам просто нужно сделать это 0 в вашем CSS.

css - 

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

Это должно сделать работу.

...