Question

我是棱角分明的新人，如果这有点傻话，请耐心等待。

我正在尝试在具有背景图像的角度主要组件内添加标签。但是这个图像并没有跨越整个页面。它在上面留下了一些空间，即浏览器地址栏和图像之间的空间。

这是我的app.component.html

<body class="landing-bg-image" style="padding-bottom: 300px;">
</body>

这是我对应的css。

p {
  font-family: Lato;
}

.landing-bg-image {
    background-size: auto 100vh;
    background: #0a1215 url(../images/back-image.jpg) no-repeat;
    background-origin: content-box;
}

Stackblitz网址： https://stackblitz.com/edit/angular-dwqobu

截图： Screenshot of the space

Answer 1

尝试使用bowser inspect element工具检查 body html元素。并尝试找到身体的填充样式属性。并更新填充属性，如下所述：

填充：0px很重要！ ;

Answer 2

感谢@JunKang，

将body移动到index.html文件（边距为零）并在主体内添加组件（带背景div）解决了这个问题。

Stackblitz网址：https://stackblitz.com/edit/angular-dwqobu

角度组件内的Html主体

2 个答案: