बूटस्ट्रैप ने 1.428571429 को लाइन-ऊंचाई संपत्ति क्यों सेट की?


133
line-height: 1.428571429;

बूटस्ट्रैपline-height इस मान पर सेट क्यों होता है ?

( कुछ थीम इसे 1.42857143 पर राउंड करते हैं।)


वे कुछ संस्करणों में 1.4285714286 का भी उपयोग करते हैं।
नेटवेव

जवाबों:


177

पंक्ति-ऊँचाई का निर्धारण फ़ॉन्ट-आकार द्वारा लक्षित रेखा-ऊँचाई के आकार को विभाजित करके किया जाता है। इस उदाहरण में, बूटस्ट्रैप एक 14px फ़ॉन्ट-आकार की उनकी लाइन-ऊँचाई को आधारहीन कर रहा है। लक्ष्य रेखा-ऊंचाई 20px है:

20px। 14px = 1.428571429

अपनी लाइन-ऊंचाई निर्धारित करते समय, आप यह सुनिश्चित करना चाहते हैं कि आपके पंक्तियों के बीच पर्याप्त सफ़ेद जगह हो। यह अन्य पंक्तियों पर घुसपैठ किए बिना आरोही और अवरोही के लिए अनुमति देता है। इसके अलावा पर्याप्त सफेद जगह होने से आपकी आँखें पढ़ने के दौरान एक दृश्य लय विकसित करने की अनुमति देती हैं।

इसके अलावा लाइन-ऊंचाई को इकाई रहित रखने से यह और अधिक बहुमुखी हो जाता है। अधिक जानकारी के लिए, फरवरी 2006 से एरिक मेयर की पोस्ट देखें।


2
मैं एक ही बात पूछने वाला था। ऐसा लगता है कि यह सवाल नियमित रूप से सामने आता है। शायद बूटस्ट्रैप देव कोड में एक त्वरित व्याख्यात्मक टिप्पणी होनी चाहिए।
ivanjonas

1
मुझे नहीं लगता कि यह एक मूर्खतापूर्ण सवाल है। मैंने line-heightIE11 में इस अनियमित कारण धुंधलापन को देखा है , जिसने मुझे यह सवाल किया। इसका उत्तर पूरी तरह से समझ में आता है, लेकिन संख्या को केवल दशमलव स्थानों के एक जोड़े को गोल करना शायद बूटस्ट्रैप की ओर से विवेकपूर्ण होगा।
१11
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.