Question

我正在尝试从html页面的背景中删除空白，并且我已经使用了这段代码，但是仍然面临着同样的问题！

result

我在节点10和chrome浏览器中使用了angular 7

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;
}

Answer 1

以前没有使用过角度，所以我不确定它是否会起作用。但我认为这不会有所作为。

您要重置浏览器。

默认设置为“内容框”，其中包含来自浏览器的填充和边距。使用通用选择器，将填充和边距设置为零。在您的body元素中将box-sizing属性设置为border-box，然后让通用选择器继承box-sizing属性。

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

body {
  box-sizing: border-box;
}

Answer 2

由于<body>标签采用默认的边距/填充，因此您将获得空白。因此，您只需要在CSS中将其设置为0。

css-

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

它应该完成工作。

从网页背景中删除空白

2 个答案: