पीएक्स और एम

Question

के बीच अंतर पीएक्स और एम के बीच क्या अंतर है?

Answer 1

CSS-Tricks पर उत्कृष्ट ट्यूटोरियल देखें:

px – em – % – pt – keyword

Answer 2

1 उन्हें = अपने दस्तावेज़ font-size से फ़ॉन्ट आकार ले। यह प्रकृति में सापेक्ष है।

100% = दस्तावेज़ फ़ॉन्ट आकार से भी आकार ले लो।

जनरल

12pt = 1em = 100% = 16px

बेस्ट प्रैक्टिस उपयोग% में, क्योंकि यह आपके चौड़ाई के सापेक्ष है, यह स्वचालित उपकरण डिवाइस के लिए समायोजित करेगा।

Answer 3

आप के बारे में कैसे लोगों को पिक्सल के आधार पर की गणना करने और उन्हें तो आप एक निर्णय खुद लेने के और अधिक विस्तार की जरूरत है, तो आप इस लेख http://joomla2x.com/difference-px-em-web-htmlcss/

Answer 4

देख सकते हैं मिलिए इकाइयों

1. "एम्स" (उन्हें) : "एम" एक स्केलेबल इकाई है जिसका उपयोग वेब दस्तावेज़ मीडिया में किया जाता है। एक एम वर्तमान फ़ॉन्ट आकार के बराबर है, उदाहरण के लिए, यदि दस्तावेज़ का फ़ॉन्ट-आकार 12pt है, तो 1em 12pt के बराबर है। एम्स प्रकृति में स्केलेबल हैं, इसलिए 2em बराबर 24pt, .5em बराबर होगा 6pt, आदि Ems वेब दस्तावेज़ों scalability और उनके मोबाइल-डिवाइस के अनुकूल प्रकृति के कारण में तेजी से लोकप्रिय हो रहे हैं।

2. पिक्सल (पीएक्स): पिक्सेल निश्चित आकार वाली इकाइयां हैं जिनका उपयोग स्क्रीन मीडिया (यानी कंप्यूटर स्क्रीन पर पढ़ने के लिए) में किया जाता है। एक पिक्सेल कंप्यूटर स्क्रीन पर एक बिंदु पर बराबर है (आपके स्क्रीन के रिज़ॉल्यूशन का सबसे छोटा विभाजन)। कई वेब डिज़ाइनर वेब दस्तावेज़ों में पिक्सेल इकाइयों का उपयोग करते हैं ताकि की पिक्सेल-परिपूर्ण प्रतिनिधित्व को ब्राउज़र में प्रस्तुत किया जा सके। पिक्सेल इकाई के साथ एक समस्या यह है कि यह मोबाइल डिवाइस फिट करने के लिए दृश्यमान-प्रभावित पाठकों या नीचे की तरफ ऊपर की ओर स्केल नहीं करता है।

3. अंक (पीटी): पारंपरिक रूप से प्रिंट मीडिया में अंक का उपयोग किया जाता है (कुछ भी जिसे पेपर पर मुद्रित किया जाना है)। एक बिंदु एक इंच के 1/72 के बराबर है। अंक पिक्सल की तरह हैं, जिसमें वे निश्चित आकार इकाइयां हैं और आकार में स्केल नहीं कर सकते हैं।

4. प्रतिशत (%): प्रतिशत इकाई "em" इकाई की तरह है, कुछ मौलिक मतभेदों के लिए सहेजें। सबसे पहले और सबसे महत्वपूर्ण, वर्तमान फ़ॉन्ट-आकार 100% के बराबर है (यानी 12pt = 100%)। प्रतिशत इकाई का उपयोग करते समय, आपका टेक्स्ट मोबाइल डिवाइस और पहुंच के लिए पूरी तरह से स्केलेबल रहता है।

तो, अंतर क्या है?

यह font-size इकाइयों के बीच के अंतर को समझना जब आप उन्हें कार्रवाई में देखने के आसान है। आम तौर पर, 1em = 12pt = 16px = 100%।इन फ़ॉन्ट-आकारों का उपयोग करते समय, देखते हैं कि जब आप बेस फ़ॉन्ट आकार (बॉडी सीएसएस चयनकर्ता का उपयोग करके) 100% से 120%

जैसा कि आप देख सकते हैं, एम और प्रतिशत इकाइयां दोनों बड़े हो जाते हैं क्योंकि मूल फ़ॉन्ट आकार बढ़ता है, लेकिन पिक्सल और अंक नहीं होते हैं। अपने पाठ के लिए एक पूर्ण आकार निर्धारित करना आसान हो सकता है, लेकिन आपके आगंतुकों पर स्केलेबल टेक्स्ट का उपयोग करना बहुत आसान है जो किसी भी डिवाइस या किसी भी मशीन पर प्रदर्शित हो सकता है। इस कारण से, वेब दस्तावेज़ टेक्स्ट के लिए एम और प्रतिशत इकाइयों को प्राथमिकता दी जाती है।

एम बनाम प्रतिशत

हम उस बिंदु और पिक्सेल इकाइयों तय कर लिया है जरूरी सबसे अच्छा वेब दस्तावेज़ों, जो हमें उन्हें और प्रतिशत इकाइयों के साथ छोड़ देता है के लिए अनुकूल नहीं हैं। सिद्धांत रूप में, एम और प्रतिशत इकाइयां दोनों समान हैं, लेकिन आवेदन में, वास्तव में उनमें कुछ मामूली मतभेद हैं जो विचार करना महत्वपूर्ण हैं।

उपरोक्त उदाहरण में, हमने प्रतिशत इकाई को हमारे मूल फ़ॉन्ट आकार (बॉडी टैग पर) के रूप में उपयोग किया। यदि आप अपना बेस फ़ॉन्ट आकार प्रतिशत से ईएमएस (यानी बॉडी {फ़ॉन्ट-साइज: 1em;}) में बदलते हैं, तो आपको शायद कोई अंतर नहीं दिखाई देगा। चलो देखते हैं कि क्या होता है जब "1em" हमारे शरीर का फ़ॉन्ट आकार होता है, और जब ग्राहक अपने ब्राउज़र की "टेक्स्ट साइज" सेटिंग बदलता है (यह कुछ ब्राउज़र में उपलब्ध है, जैसे इंटरनेट एक्सप्लोरर)।

जब ग्राहक का ब्राउज़र टेक्स्ट आकार "मध्यम" पर सेट होता है, तो ईएमएस और प्रतिशत के बीच कोई अंतर नहीं होता है। जब सेटिंग बदल दी जाती है, हालांकि, अंतर काफी बड़ा होता है। "सबसे छोटी" सेटिंग पर, ईएमएस प्रतिशत से बहुत छोटे होते हैं, और जब "सबसे बड़ी" सेटिंग पर, यह काफी विपरीत है, ईएमएस प्रतिशत से काफी बड़ा प्रदर्शित करता है। जबकि कुछ तर्क दे सकते हैं कि एम इकाइयां स्केलिंग कर रही हैं क्योंकि वे वास्तव में इरादे से हैं, व्यावहारिक अनुप्रयोग में, एम टेक्स्ट स्केल बहुत अचानक हैं, छोटे क्लाइंट मशीनों पर सबसे छोटा टेक्स्ट शायद ही कभी सुगम हो रहा है।

जानकारी http://kyleschaeffer.com से