背景图像缩放。相应地改变尺寸

Question

我正在制作一个网站，我想在背景中添加一个图像。但只是用它

background-image

使它粘在窗户的两侧，如果我切换到手机，它会被横向压缩，我不希望这种情况发生。

我在想，如果我有一张图像能够相应地使窗户较大的一侧成为其一侧，那就太好了。因此，如果窗口上的水平边较大，则图像的水平边将变为该水平边，而另一边将相应缩放。但这只是我的想法，我愿意接受更好的想法。我也不擅长编码，所以如果你会回答，请不要指望我会理解：P.

附注抱歉，如果我使用了不正确的语法，并且不知道如何使用这个网站，那么很抱歉对文本进行了错误的修改等等。

`#bgimg
{
object-fit: fill;
position: absolute;
}
#bg
{
overflow: hidden;
height: 92vh;
width: 100%;
position: relative;
}`

Answer 1

您可以尝试：

body {
  background-image: url("https://images.unsplash.com/photo-1682685796063-d2604827f7b3?auto=format&fit=crop&q=80&w=1740&ixlib=rb-4.0.3&ixid=M3wxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

将背景图像属性从 url("https://images.unsplash.com....") 更改为 url("the-image-you-want.jpg")