我的目标是创建一个占据 100% 窗口高度的容器，并且在其中包含一个也是 100% 窗口高度的图像。不过，我还想在容器上设置一个最小高度，这样事情就不会变得太小。
例如:
<html>
<body style="height: 100%;">
<div style="height: 100%; min-height: 500px;">
<img src="cool.jpg" style="height: 100%"/>
</div>
</body>
</body>
(我发誓我的网页比这个更酷)
好的，一切正常。直到我们缩小窗口使得 min-height 开始。此时 div 停止缩小，正如预期的那样，但 img 继续缩小随窗口缩小。
有什么想法吗？
纯 CSS 实现将是理想的，但如果需要，我对 JS 持开放态度。
最佳答案
如何给图像 min-height 而不是容器？
关于javascript - css - 100% 高度与像素最小高度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15343172/