Question

我有一个标题，宽度设置为100％，因为我希望图像调整到浏览器的大小。但是，我想将匹配器的高度调整为图像的高度，以便完整地查看图像。

我在我的css文件中使用此代码：

background-image: url('http://...');
background-size:100% auto;
background-repeat:no-repeat;

我在高度上使用尺寸auto来尊重图像的比例。

我知道通常内容会根据容器的大小进行调整，但在高度的情况下，我想根据包含的元素调整容器的高度。有可能吗？

非常感谢。

Answer 1

免责声明：This meta post

只需在div中添加一个图像元素 - div将默认采用img的高度

<div>
    <img src="http://placehold.it/350x150" alt="" />
</div>