लेआउट के लिए किन इकाइयों का चयन करना है

अपने आखिरी लेख में, मैंने माप की इकाइयों पर छुआ और तुरंत टिप्पणियों में, इस विषय पर विवाद और चर्चा शुरू हुई, इसलिए मैंने इस मुद्दे को एक अलग पोस्ट में डालने का फैसला किया। अब चर्चा करते हैं :)

लंबाई इकाइयां दो श्रेणियों में आती हैं: पूर्ण और सापेक्ष । पूर्ण लोगों में शामिल हैं:

• इंच (इंच)
• सेंटीमीटर (सेमी)
• मिलीमीटर (मिमी)
• अंक (pt)
• चोटियाँ (पीसी)

विनिर्देशन के संदर्भ में css 1pt = 1 / 72in और 1pc = 12pt है।
फ़ॉन्ट-आकार की संपत्ति में, लंबाई की इकाइयों में एक नकारात्मक मान निर्दिष्ट करना, जैसे कि -25 सेमी, मान्य नहीं है ।
पूर्ण क्यों? क्योंकि भौतिक दुनिया में उनके पीछे एक वास्तविक मूल्य है, वह है, मानक ।
एक आउटपुट डिवाइस जिसका वास्तविक भौतिक आकार ऐसी इकाइयों के साथ काम करता है, उदाहरण के लिए: मुद्रण करते समय, हम ऐसी इकाइयों का उपयोग करेंगे।
लेकिन मॉनिटर के लिए, ये इकाइयां मायने नहीं रखती हैं, एक निश्चित सम्मेलन है , लेकिन यह वास्तव में सिर्फ एक सम्मेलन है ।
सापेक्ष इकाइयों में शामिल हैं:

• उन्हें (स्कुटी)
• एक्स-ऊंचाई (पूर्व)
• px (पिक्सेल)

ब्याज (%) हमेशा एक मूल्य है, जो अलग से बात करने लायक है। यह इतना महत्वपूर्ण है कि W3C ने इसे एक अलग कॉलम में रखा। अर्थात,% सभी नियमों के लिए नहीं लिखा जा सकता है, लेकिन केवल कुछ के लिए, और जब हम% लिखते हैं तो हमें यह समझना चाहिए कि उनसे क्या माना जाता है।
एक पिक्सेल सबसे छोटा बिंदु है जिसे कंप्यूटर स्क्रीन पर सेट किया जा सकता है।
पिक्सेल एक सापेक्ष मूल्य क्यों है? हम एक भौतिक मॉनिटर लेते हैं जिसमें एक विकर्ण होता है - यह एक वास्तविक भौतिक मात्रा है। लेकिन हम इस पर कोई अनुमति दे सकते हैं, है ना? हमारे द्वारा निर्धारित रिज़ॉल्यूशन के आधार पर, पिक्सेल का आकार भिन्न हो सकता है । यही कारण है कि एक पिक्सेल एक सापेक्ष मूल्य है। यानी अलग-अलग मॉनिटर पर, px का एक अलग आकार है।
ईएम यूनिट वैश्विक ब्राउज़र सेटिंग्स में सेट मानक फ़ॉन्ट के आकार को संदर्भित करता है।

मेज पर अलग-अलग महत्वपूर्ण फ़ॉन्ट आकारों के पदनाम हैं। उनमें से अधिकांश हमारे लिए उपयोगी नहीं होंगे, लेकिन कुछ को जानने की आवश्यकता है।
संख्या 4 के तहत फ़ॉन्ट तत्वों की आधार रेखा है, और संख्या 13 के तहत - फ़ॉन्ट-आकार, उन्हें। तो, इम फ़ॉन्ट का आकार है, जो कि कैपिटल लेटर की ऊंचाई और ऊपर और नीचे के विवरण तत्वों के आकार से निर्धारित होता है (डाइक्रिटिक्स शीर्ष पर दिखाई दे सकता है, उदाहरण के लिए: या))।
पूर्व क्या है? यह लोअरकेस अक्षर की ऊंचाई है। तालिका में संख्या 3 के तहत ऐसा लिखा गया है। विभिन्न फोंट के लिए, इस अनुपात का एक अलग मूल्य है। लेकिन सभी ब्राउज़र इस अनुपात का समर्थन नहीं करते हैं।
उदाहरण के लिए: Microsoft ने सभी प्रकार के फोंट के लिए 1em = 2ex का सुझाव दिया। यह इस कारण से है कि पूर्व विभिन्न ब्राउज़रों में भिन्न हो सकता है, काम में इसका उपयोग न करना बेहतर है। कुछ ब्राउज़र वास्तव में पूर्व को सही मानते हैं, और कुछ IE की तरह आधे होते हैं। लेकिन वास्तव में, यह 0.46 हो सकता है, छोटे फोंट पर ऐसी विसंगति असंगत है, और बड़े लोगों पर एक महत्वपूर्ण अंतर होगा।
अब पीटी, पीसी, इन के उपयोग के बारे में।
यदि हम pt में साइट पर तत्व का आकार इंगित करते हैं, तो यह अभी भी कुछ से लिया जाएगा। तो ब्राउज़र इस समस्या को कैसे हल करता है?
कंप्यूटर प्रौद्योगिकी के विकास के भोर में, मॉनिटर का आकार छोटी श्रृंखलाएं थीं। और Microsoft ने निश्चितता के लिए 96px = 1in लेने का सुझाव दिया, और यह हमारे उपकरणों का संकल्प होगा।
1in = 96px
और Apple ने कहा नहीं :) चलो प्रिंटर पर ध्यान दें और लें:
1in = 72pt
लेकिन व्यवहार में, निम्नलिखित हुआ: संकल्प जितना कम होगा, वहां जानकारी को रखने का अवसर उतना ही कम होगा।
इसलिए, Apple ने अपना विचार बदल दिया और 1in = 96px बनाया, लेकिन यह सब बकवास है , क्योंकि आपके उपकरणों का वास्तविक भौतिक रिज़ॉल्यूशन लगभग 60 - 600px / in है।
लेकिन पहले की तरह, 96 का मान पुनरावर्ती के लिए निर्णायक है। इसका मतलब है कि यदि आप 10pt का आकार लिखते हैं, तो ब्राउज़र निम्न कार्य करेगा: 96/72 * 10. यहाँ एक कहानी है जब pt को px में रूपांतरित करना।
व्यवहार में, मैं मॉनिटर पर निरपेक्ष इकाइयों का उपयोग करने की अनुशंसा नहीं करता हूं। मॉनिटर पर, यह बिल्कुल भी मायने नहीं रखता है, लेकिन जब इसे प्रिंट करना वांछनीय होता है, तो बस उनका उपयोग करें। मुद्रण करते समय, आपको ध्यान रखना होगा कि सब कुछ पीटी में प्रदर्शित किया गया है।