Jeśli ustawię minimal-height i max-height, która z nich ma priorytet?

Question

Mam menu z 9 przedmiotami. Chcę mieć wysokość przycisku 40px LUB 11% (1/9 ekranu) rozmiaru ekranu. Co jest największe.

Teraz mam:

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

i to zawsze 40px. Nawet jeśli mój rozmiar ekranu jest większy.

Czy mogę to osiągnąć na css lub muszę używać javascript?

Dziękuję.

EDIT

JSFiddle dla niego.

@Jeffery Khan ma rację, to rozwiązuje. Miałem inny element, który go naciskał. Dziękuję Ci!

Answer 1

min-height jest ogólnie wysokością wszystkiego, co coś jest ustawione, chyba że coś powoduje, że rozwinięcie minęło, takie jak zawartość div.

Spróbuj wykonać następujące czynności:

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