Html 当图像宽度远小于其高度时覆盖网页的背景
对于覆盖背景的高度远大于宽度的图像，最好的处理方法是什么 我的图像是1026x2258（宽x高），显示效果非常糟糕 有什么技巧可以应付这种情况吗？没有更多的裁剪可以用图像来完成Html 当图像宽度远小于其高度时覆盖网页的背景,html,css,image,Html,Css,Image,对于覆盖背景的高度远大于宽度的图像，最好的处理方法是什么 我的图像是1026x2258（宽x高），显示效果非常糟糕 有什么技巧可以应付这种情况吗？没有更多的裁剪可以用图像来完成 理想情况下，它应该安装在高度约为1700-1800px的div容器中，但是由于其宽度太大，您几乎看不到图像。我倾向于使用背景尺寸：封面和背景位置：中间 这样你就可以看到图像的中间我倾向于使用背景尺寸：封面和背景位置：中间 这样，您可以看到图像的中间部分我建议您使用不同的图像大小，这可能需要更多的工作来安排，但加载速度会更
理想情况下，它应该安装在高度约为1700-1800px的div容器中，但是由于其宽度太大，您几乎看不到图像。我倾向于使用
背景尺寸：封面背景位置：中间这样你就可以看到图像的中间我倾向于使用
背景尺寸：封面背景位置：中间这样，您可以看到图像的中间部分我建议您使用不同的图像大小，这可能需要更多的工作来安排，但加载速度会更快，并且可以通过css进行调整 尝试以下方法：
@media(max-width:2250px){
.image{background-image: url('../images/2258x1026.jpg')}
}
@media(max-width:1920px){
.image{background-image: url('../images/1920x1080.jpg')}
}
/*@media(max-width:1920px){ <- width of screen
.image{background-image: url('../images/1920x1080.jpg')} <- image for this screen
}*/
@介质（最大宽度：2250px）{
.image{背景图像：url（'../images/2258x1026.jpg'）}
}
@介质（最大宽度：1920像素）{
.image{背景图像：url（'../images/1920x1080.jpg'）}
}
/*@媒体（最大宽度：1920px）{我建议您使用不同的图像大小，它可能需要更多的工作来安排，但加载速度会更快，并且可以通过css进行调整
尝试以下方法：
@media(max-width:2250px){
.image{background-image: url('../images/2258x1026.jpg')}
}
@media(max-width:1920px){
.image{background-image: url('../images/1920x1080.jpg')}
}
/*@media(max-width:1920px){ <- width of screen
.image{background-image: url('../images/1920x1080.jpg')} <- image for this screen
}*/
@介质（最大宽度：2250px）{
.image{背景图像：url（'../images/2258x1026.jpg'）}
}
@介质（最大宽度：1920像素）{
.image{背景图像：url（'../images/1920x1080.jpg'）}
}
/*@介质（最大宽度：1920像素）{您可以尝试使用css背景大小和背景位置的组合，这样您可以将背景大小设置为cover，然后随位置上下移动。您是否尝试使用背景大小：cover；
？是的，它可以让我靠近，但显示效果不如我需要的那样好。您可以尝试使用css background-s组合大小和背景位置，通过这种方式，您可以将背景大小设置为封面，然后随位置上下移动。您是否尝试使用背景大小：封面；
？是的，它让我很接近，但显示不好，我需要它来注意，上次检查Safari时（大约6个月前）背景封面有一些问题.为了解决这个问题，我使用了Yes，它让我靠近了，但显示效果不如我所需要的那样好，我将对它进行一些处理。请注意，Safari在上次检查时（大约6个月前）在背景封面方面存在一些问题.为了解决这个问题，我使用了是的，它让我靠近了，但没有显示出我所需要的那样好，我打算玩一玩它。这就是我最终要做的，我希望他们的是一些很酷的把戏。我知道，我做了一些测试，但没有这个例子贴出的那么重要。真正的问题是负责Transferr客户机-服务器。这没有我所希望的那么多帮助，我的图像的宽度为1000px，而高度为1900，屏幕宽度越大，高度越大…对于1920px的宽度，我们希望高度超过3000px以保持纵横比。这也意味着容器的高度需要超过3000px，这相当于f滚动！这就是我最终要做的，我希望他们的是一些很酷的把戏。我知道，我做了一些测试，但没有这个例子那么重要。真正的问题是负责传输客户端-服务器。这没有我希望的那么大帮助，我的图像的宽度是1000像素，而高度是1900像素屏幕的宽度越大，高度就越大……对于1920像素的宽度来说，为了保持高宽比，我们需要超过3000px的高度。这也意味着容器的高度需要超过3000px，这是相当多的滚动！