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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/html/530653.html

猜你在找的HTML相关文章