Html CSS-固定大小，与屏幕显示器无关

如何使图像始终覆盖所有屏幕，而不考虑显示器尺寸？我有一个图像，高度为1000px，宽度为1000px。我不希望图像被重复，但我不希望滚动条也出现。如果我使用%的话，图像会重复，因为它在一个div中。谢谢

我希望图像的底部始终位于浏览器页面的底部，并且div/图像的大小始终相同，即使我使用浏览器进行缩放

      div {
        width: 1000px;
       left:0%;
    right:0%;
      top: 0%;
      height: 800px;
       text-align:center;
      position: absolute;
     background-image: url("image.png");
      background-position: 50% 50%; 
        margin:auto;  }

试试这个

div {
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;}

如果你还想知道更多，请查看此链接

---

如果您想要设置一个完整的图像背景，并且该背景也具有响应性，您可以执行以下操作：

div {
width: 100%; height: 100%; top: 0; left: 0;
background: url(images/bg.jpg) no-repeat center top; position: fixed; z-index: -1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

---

如果你想添加这个图像作为背景图像，你可以添加下面的css

 div { 
      width: 100%;
      height: 100%;
      background: url(images/bg.jpg) no-repeat center top; 
      position: fixed; 
      z-index: 0;
 }

或者，如果你想让图像显示出来，你可以做下面的事情

  <img src="images/bg.jpg" style="width: 100%;height :100%">

if（screen.width>=500）{document.write（“body{zoom:78%；}”）；}

---

这是我的代码的解决方案，我需要更改缩放。

我希望div和图像始终保持相同的大小，即使我使用浏览器缩放。您希望放大图像，但保持相同的大小吗？我不明白你为什么要那样。