Html 以百分比表示高度的图像

我对水平图像“gallery”有一个问题，我将高度设置为100%，由于大小不同，没有设置图片的宽度

我的问题是父元素并没有减少，而是保持图像的原始宽度。请尝试调整窗口高度，以解决显示问题。红色是母色

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

它看起来怎么样->

它必须在css中解决

我的问题可以在电视上看到

---

谢谢你的帮助，对不起我的英语…：）

是的，尝试删除右边的边距：14px；课堂项目p-one更新

你可以试试类似的东西

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

....

将项目设置为内联显示

---

现在，这就解决了容器不能正确调整大小，但内容不能垂直居中的问题。你必须做点什么，但是这是我在没有js的情况下能做的最接近的了

你在容器上有一些值右边距，这就是为什么你会看到所有的空间。。删除这些值，你会发现你应该在你的问题中加入你迄今为止尝试过的任何东西。您可以提供的任何信息都会鼓励其他用户帮助您。您认为它不起作用是什么意思，您仍然将其作为内联块，而不是内联用于p-oneTry add display inline in chrome，它不起作用…：（对我来说很有用，在降低窗口高度时，你看不到任何红色。按照我的回答更新网站，让我看看你的意思。现在更新了。红色不显示，但宽度仍然保留。我知道，这是由于你的项目容器