如何从标题背景中删除边框

问题描述 投票：0回答：1

今天我尝试制作一个滚动网站，在第一次加载时我尝试使标题可见，除了 CSS 背景之外什么都没有。背景是响应式的，但我不知道为什么它没有覆盖整个屏幕，并且它有边框、边距或填充，我不知道。

这是简单的 html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Example</title>
    <link rel="stylesheet" href="css/styleIndex.css">
</head>
<body>
<header id="logoSection">
</header>
<main>

</main>
</body>
</html>

这是简单的CSS：

header{
    margin: 0; //useless
    background-image: url("../asset/logoMovie.gif");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-width: 100vw;
    min-height: 100vh;
}

这是结果： enter image description here

我需要一个建议。谢谢。

就像我之前描述的那样，我尝试在页面的第一部分使其全屏，在阅读器之后会有其他部分，但第一个部分必须是全屏。

html css fullscreen responsive-images
1个回答
0
投票

这不是你所看到的边界。

这是 

8px
元素的默认 
margin
body
。

您可以通过简单的重置来解决此问题。

html, body {
  margin: 0;
  padding: 0;
}

我还建议您寻找

box-sizing: border-box
房产。它肯定会对您完成此类任务有所帮助。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.