提问人：Ksylerek Krowny 提问时间：11/1/2023 最后编辑：Ksylerek Krowny 更新时间：11/1/2023 访问量：50
背景图像缩放。相应地改变尺寸
background image scaling. with changing the size accordingly
问：
我正在制作一个网站，我想在背景中有一个图像。但是只使用它可以使它粘在窗户的侧面，如果我切换到手机，它会被压缩到侧面，我不希望这种情况发生。background-image
我在想，如果我能有一个图像，使窗户的较大一侧相应地成为它的一侧，那就太好了。因此，如果窗口上的水平面较大，则图像的水平面将变为该侧，而另一侧将相应地缩放。但这只是我的想法，我对更好的想法持开放态度。我也不擅长编码，所以如果你会安斯弗林，请不要指望我会理解:P。
P.S. 对不起，如果我使用了不正确的语法，并且不知道如何使用这个网站，所以很抱歉文本的修改不当等等。
这就是我现在使用的，这不是我想做的方式，而是我自己尝试了很多事情
`#bgimg
{
object-fit: fill;
position: absolute;
}
#bg
{
overflow: hidden;
height: 92vh;
width: 100%;
position: relative;
}`
答：
0赞
Matteo Rigamonti
11/1/2023
#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;
}将 background-image 属性从 url（“https://images.unsplash.com....”） 更改为 url（“the-image-you-want.jpg”）
上一个：设置图像的线性渐变
评论
object-fit