0

我在 div 内得到一个未知宽度和高度的图像。我想要一个具有最大宽度或高度的图像- 比如background-size: contain.

这是我的源代码：

CSS

.box {
    display: block;
    position: fixed;
    height: auto;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-right: 80px;
    margin-left: 80px;
    background-color: white;
    border: solid 2px blue;
}

.box img {
    max-width: 100%;
    max-height: 100%; 
}

HTML

<div class="box">
<img src="myimage.jpg">
</div>

最大宽度运行良好，但最大高度不起作用。

4

1 回答 1

1

仅使用 CSS 无法实现您想要的。

有 JS 插件可以为你做这个。寻找imgscale它是一个 jQuery 插件，虽然它需要一些调整，但有一个很好的基础。

这是我修改过的一份副本的链接：http ://www.dtavares.com/imgscale/js/jquey.imgscale.js

您可以将其称为：

 $(".someConainer img").imgscale({parent: '.someConainer', scale: 'fit', center: true, fade: 0});
于 2013-02-02T15:47:59.760 回答