Question

我曾在过去的几个网站上看到，随着浏览器的增长，大DIV（比如100vh和100vw）上的背景图像会延伸，但是当达到某个较低的阈值（例如800px）时，背景图像不会保持100％，而是开始剪切背景图像。

我现在不能再找到这些页面了，我自己需要这样做。 CSS解决方案？

Answer 1

您仍然可以使用100vh和100vw之类的内容 -

body {
  margin:0; /* reset any browser-default margins */
  height:100vh; 
  width:100vw; 
}

img {
  height: 100vh;
  width: 100vw;
}

<body>
  <img src="https://www.gstatic.com/webp/gallery3/1.png" />
</body>

希望这会以某种方式帮助你（y）。