html - 以百分比表示高度的图像

Question

我在水平图像“画廊”中遇到问题，我将高度设置为 100% 并且由于尺寸不同，不设置图片的宽度。

我的问题是父元素没有变小，他还是保持图片原来的宽度。尝试resize height of window 解决显示问题。红色是父级。

我需要这个:父图像的高度为 70%，垂直居中，图像将其高度设置为 100%，并根据分辨率自动更改宽度。

它看起来如何 -> http://prntscr.com/2qkoj8

必须在css中解决。

我的问题可以在http://helpimage.honzabittner.cz/上看到

谢谢你的帮助，对不起我的英语......:)

Answer 1

更新

你可以尝试类似的东西

<div id="project-eagle" class="project">
    <img src="project/eagle/01.jpg" alt="">
    <div class="what">....</div>
</div>

将元素设置为内联显示

现在，这解决了容器未正确调整大小但内容未垂直居中的问题。您将不得不对此做一些事情，但这是我在没有 js 的情况下所能达到的最接近