javascript - 如果我设置 min-height 和 max-height，哪个优先？

Question

我有一个菜单，有 9 个元素。我希望按钮高度为屏幕尺寸的 40px 或 11%(屏幕的 1/9)。不管是最大的。

现在我有:

min-height:40px;
max-height:11%;

它总是 40px。即使我的屏幕尺寸比那个大。

我可以在 css 上实现它还是必须使用 javascript？

谢谢。

编辑

JSFiddle为了它。

@Jeffery Khan 是对的，这解决了它。我有一个不同的元素来插入它。谢谢!

Answer 1

min-height 通常是设置的任何东西的高度，除非有东西导致它扩展超过它，例如 div 的内容。

尝试以下操作:

min-height:40px;
height:11%;