我有一个块内的图像。100%我的屏幕宽度的图像。父块接受500px高度，也100%接受屏幕宽度。我已设置overflow: hidden为父块，因此我只能查看图像的前 500px 高度。
现在，我的问题是，当我调整浏览器窗口的大小时，我需要将图像完全缩放为背景。由于性能问题（回流等），我无法使用背景图像。
我做了这个小提琴。如何使第二张图像与第一张图像的反应相同？请注意，在我的情况下，图像具有随机分辨率。
谢谢您的帮助！如果解决方案需要在 JS/jQuery 中也没关系。
问问题
80 次
1 回答
3
你需要在你min-width的. 这将需要与您的包装成比例。因此，对于小提琴示例，图像大小为，就像这个小提琴所示：min-heightimg1024/768
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 */
于 2013-07-11T15:31:40.097 回答