Question

我有一个快速响应的网站。我的图像存在于一个div窗口中，我称之为＆＃34;预览＆＃34;它们不应超过窗户的高度。它似乎适用于某些图像，我无法弄清楚它为什么不能为所有图像工作。

可能没必要，但这是我的div代码。

.preview {
    max-height: 100%;
    max-width: 100%;
}

以下是一个正在运作的图片示例。

<img class="preview" src="assets/works/design/posters/spring2016.jpg">

这个没有用。它高于div高度。

<img class="preview" src="assets/works/reindeer.jpg">

这是我的网站：alexjberger.com

有没有人有任何见解？我很感激。

Answer 1

您需要为父级p提供一个高度以使其正常工作。

对于尊重以百分比给出的高度的元素，其父元素也必须具有高度，如果以百分比形式给出，则下一个父元素等。一个通常以此规则{{1 }}