Html 如何使网站可供所有监视器使用？

我正在使用一个代码，使我的网站可用于从800px开始的显示器 但是，当我输入一个宽度为800px的背景图像时，它不会填充页面，因此我添加了更高的宽度 但是它并不适用于所有的显示器，其他一些显示器在页面的末尾会显示一个水平滚动条

以下是我正在使用的代码：

---

我希望有人能帮助我，给我一个正确的代码，使该网站可用于所有显示器：）

它很简单…在一个div中包含图像
使用

背景尺寸：封面

：）

编辑

为什么会出现滚动条：？？？因为您设置了：

    width: 1440px;
    height: 445px;

在

#标题中

…将其更改为

width: 100%; /* this is the cause*/
height: 100%; /* this is the cause*/

---

我在css的顶部声明了我的。使它在每一页上都是相同的，并且它是有效的。如果页面变长，它将变长。到底什么对我的工作有效

html, header { 
  background-image:url('Background.png'); 
  background-size:100% 100%; 
  background-repeat:no-repeat;
}

---

我把它添加到body或div id？让我试试，然后告诉你：D@user3131996：当然！！对于小型监视器，滚动条仍然会出现在页面的末尾：'（给出解决方案小提琴…w8:）就是这样吗？它将可用于所有监视器？在我添加一个背景图像后，我也用px表示它的宽度和高度，这对我来说适用于不同大小的显示器和不同的浏览器，也就是说，如果你希望在调用CSSi的每个页面上都有相同的背景，那么会添加具有其他背景的div类。会发生什么事情吗？我的菜单和页脚具有在DIVS中定义的背景，它们具有背景。好的，只要你在CSS中定义它们，会成功吗？你只需要把它粘贴到CSS中，它就不会乱来了

width: 100%; /* this is the cause*/
height: 100%; /* this is the cause*/

html, header { 
  background-image:url('Background.png'); 
  background-size:100% 100%; 
  background-repeat:no-repeat;
}