css - 如何在 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/