jQuery-将图片调整为div高度的100％,并保持宽高比

Here is a quick sketch.

我想实现图库div中的图像将是图库div高度的100％,并保持宽高比

和

图片会随着您更改浏览器的大小而调整大小.

这可能吗？

任何帮助将非常感激.

这是我到目前为止所做的：www.nulaena.si/photob/.

最佳答案

像这样吗

        body {
            padding:0;margin:0;
        }
        #header {
            position: absolute;
            background: orange;
            top:0;
            left:0;
            width: 100%;
            height: 100px;
        }
        #footer {
            position: absolute;
            background: orange;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
        }
        #middle {
            position: absolute;
            top: 100px;
            bottom: 100px;
            left: 0;
            width: 100%;
        }
        img {
            height:100%;
            width: auto;
        }

<div id="header">header</div>
<div id="middle">
    <img src="images/myImage.jpg" />
</div>
<div id="footer">footer</div>

原文地址：https://www.jb51.cc/html/530653.html