यदि मैं न्यूनतम ऊंचाई और अधिकतम ऊंचाई निर्धारित करता हूं, तो किसकी प्राथमिकता है?

Question

मेरे पास 9 आइटम के साथ एक मेनू है। मैं स्क्रीन की ऊंचाई के बटन की ऊंचाई 40px या 11% (स्क्रीन का 1/9) होना चाहता हूं। व्हाटहेवर सबसे बड़ा है।

अभी मेरे पास है:

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

और यह हमेशा 40px है। यहां तक ​​कि जब मेरी स्क्रीनसाइज उस से बड़ी है।

क्या मैं इसे सीएसएस पर प्राप्त कर सकता हूं या मुझे जावास्क्रिप्ट का उपयोग करना है?

धन्यवाद।

संपादित

इसके लिए JSFiddle।

@ जेफ़री खान सही है, जो इसे हल करता है। मेरे पास इसे धक्का देने वाला एक अलग तत्व था। धन्यवाद!

Answer 1

min-height आम तौर पर कुछ भी सेट होने की ऊंचाई है जब तक कि कुछ इसे पारित करने का कारण बनता है, जैसे कि div की सामग्री।

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