css - css 具有背景图像拉伸以填充窗口。不在乎纵横比

Question

我看了又看，我根本找不到答案。

我想要做的是拍摄一张图像（png）并让它拉伸以完全填充背景，无论窗口大小如何。

我尝试过的一切都会裁剪图像或不拉伸图像。我找不到可以拉伸和/或压缩图像以填充背景而无需裁剪或需要滚动条的 css 代码。正如标题中所暗示的那样：我不在乎纵横比是否真的很奇怪。

标签： cssbackground

Answer 1

尝试使用

   background-size: contain;

如果你使用它会更好。它也会在一定程度上保持纵横比，您可以使用

   background-position: center; //read about it to make a part of your image visible 

希望对你有帮助