我遇到了css的问题。我必须将一个可变大小的图像放到100％宽度和96vh的div上。此外，它应该在调整浏览器大小时看起来很好。我尝试了一些技巧，但结果并不好。这是一个例子：http://dev.tourday.co/tour/Test-Emir-tour/45。图像看起来真的放大了1366x768分辨率。
在这种情况下，我希望得到的结果就像它完全缩小时一样（类似于http://pokit.org/get/img/4445922ec2a29994b530d45759003d67.jpg）。
由于图片的宽高比与div不同，我可以稍微剪掉一边，但我真的很想避免拉伸。
尝试用宽度弄乱：100％，高度：100％，但随后伸展。我在这里缺少什么？
答案 0 :(得分：1)
如果您将图像定义为其容器的背景图像，则可以使用background-size: cover。这将切断一些部分（取决于窗口比例），但填充整个容器而不会扭曲图像比例。添加background-position: center可确保始终显示中间部分。
