सीएसएस लाइन-ऊंचाई डिफ़ॉल्ट को ढूंढना/सेट करना

Question

ब्राउज़र में मेरे सीएसएस को सामान्य करने की कोशिश करते समय मैंने देखा है कि एक अजीब चीज यह है कि एच-तत्वों और अन्य प्रमुख टैग प्रकारों के लिए डिफ़ॉल्ट लाइन-ऊंचाई गुण क्रोम और फ़ायरफ़ॉक्स जैसे ब्राउज़र में अलग हैं , और अभी तक उपयोगकर्ता-एजेंट स्तर पर निर्धारित नहीं कर रहे हैं:

• http://codesearch.google.com/codesearch#OAMlx_jo-ck/src/third_party/WebKit/Source/WebCore/css/html.css
• http://mxr.mozilla.org/mozilla-central/source/layout/style/html.css

इसके अलावा, normalize.css जैसे लोकप्रिय normalizers नहीं कि की देखभाल या तो लेते।

1. लाइन ऊंचाइयों उपयोगकर्ता एजेंट स्तर पर निर्धारित नहीं कर रहे हैं, जहां मूलभूत मूल्यों से आ रहे हैं:

   तो मेरे सवाल का दो भागों है?

2. मैं लाइन-हाइट्स को सामान्य रूप से सामान्य नहीं करना चाहता, लेकिन अगर मुझे करना है, तो कुछ डिफ़ॉल्ट का एक अच्छा उदाहरण कहां है?

Answer 1

मैं मानता हूं कि "चीजें बिल्कुल समान नहीं हैं" कुछ हद तक एक पुलिस-आउट है, खासकर आईई भी अच्छे मानकों को गोद लेने के साथ बोर्ड पर आती है।

सापेक्ष (120%, 1, 1em) लाइन-ऊंचाई मान गणना किए गए फ़ॉन्ट आकार पर आधारित होते हैं, सामान्य फ़ॉन्ट आकार पर आधारित होना चाहिए, लेकिन यह ब्राउज़र से ब्राउज़र में भिन्न हो सकता है और जैसा कि आप देख सकते हैं एफएफ और क्रोम में इस उदाहरण खोलने: http://jsfiddle.net/mahalie/BSMZe/6/

मैं आम तौर पर HTML5 Boilerplate लिए सर्वोत्तम प्रथाओं पर कतारों के लिए देखो, क्योंकि यह इतना लोकप्रिय है (और इसलिए अच्छी तरह से जांच की है/जांच का एक बहुत तहत वे का उपयोग करें:।

body { margin: 0; font-size: 13px; line-height: 1.231; } 

और इसकी चर्चा काफी दिलचस्प है हालांकि कोई स्पष्ट परिप्रेक्ष्य नहीं है: https://github.com/h5bp/html5-boilerplate/issues/724