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