javascript - 如果我设置最小高度和最大高度，哪个优先？

Question

我有一个菜单，有 9 个项目。我希望按钮高度具有屏幕尺寸的 40 像素或 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%;