我在一个区块内有一个图像。图像占据屏幕宽度的100%。父块的高度为500px，屏幕宽度为100%。我已将overflow: hidden设置为父块，因此我只能查看高度上图像的前500px。
现在，我的问题是，当我调整浏览器窗口的大小时，我需要将图像完全缩放为背景。由于性能问题（回流等等），我不能使用背景图像。
我做了fiddle。如何使第二张图像与第一张图像的反应相同？请注意，在我的情况下，图像具有随机分辨率。
感谢您的帮助！ 如果解决方案需要在JS / jQuery中，那就没关系。
答案 0 :(得分：3)
您需要在min-width上设置min-height和img。这需要与您的包装器成比例。因此，对于小提琴示例，图片大小为1024/768，它为this fiddle shows：
min-width: 333.33px; /* the ratio of height of img to height of wrapper applied to img width */
min-height: 250px; /* the height setting of the wrapper */