यूनिट के बिना लाइन-ऊंचाई पर दोष?

Question

क्या यूनिट के बिना लाइन ऊंचाई निर्दिष्ट करने में कोई कमी (ब्राउज़र/डिवाइस असंगतता ...) है?

उदाहरण:

body { 

    line-height: 1.5; 
} 

Answer 1

ज्यादातर मामलों में, यह unitless line-height उपयोग करने के लिए वास्तव में बेहतर है - देखना

• http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
• https://developer.mozilla.org/en/CSS/line-height - नोट्स, जहां वे एक उदाहरण दिखाते हैं

बेशक, अपवाद हैं। दिमाग में आने वाला पहला व्यक्ति तब होता है जब आपके पास ज्ञातheight और में टेक्स्ट की एक पंक्ति के साथ ब्लॉक तत्व है और आप टेक्स्ट की उस पंक्ति को लंबवत रूप से केंद्रित करना चाहते हैं - मुझे लगता है कि ऐसा करने का सबसे आसान तरीका line-height का उपयोग करना है जो ब्लॉक तत्व के height के बराबर है।

---

[शायद ज़रुरत पड़े, किसी को भी, जो unitless line-height साथ सौदा है क्या पता नहीं है के लिए।]

मान लीजिए आप font-size: 14px साथ एक तत्व है। इससे कोई फर्क नहीं पड़ता कि यह कहां सेट किया गया था, चाहे वह विरासत में है या नहीं, अगर आप इसे स्वयं सेट करते हैं या यह उपयोगकर्ता एजेंट स्टाइलशीट से आया है। तत्व में font-size: 14px है।

अब, अगर आप निर्धारित करते हैं, मान लीजिए कि एक ही तत्व के लिए line-height: 1.5 करते हैं, इस के रूप में 1.5 * 14px = 21px पिक्सल में अनुवाद किया जाएगा। तो आपकी गणना line-height21px होगी।