如何在CSS中指定max-height = min（30em，window.height * 75％）？

Question

我有一个div对话框，我想限制它的高度不超过30行文本，但也不会溢出窗口。我可以吗？

好吧，我想我无法计算CSS中的最小值......

Answer 1

我相信你想用以下规则来设计它：

.dialog {
  height:75%;
  min-height:30em;
}

这将使它成为其父级（窗口）的75％，除非它会导致它大于30em，在这种情况下它不会增长。

还有更多的东西，所以我做了一个jsfiddle来展示。调整窗口大小以查看其是否有效。 http://jsfiddle.net/mbxtr/hvWZW/