2010-02-01 12 views
14

मैं पिक्सल और अंक की तरह स्थिर माप के पक्ष में ईएमएस उपयोग करने के लाभों को समझते हैं, लेकिन क्यों वहाँ (अतः अपवादित) सीएसएस लोगों की सबसे अधिक है ईएमएस बजाय% मानों का उपयोग कर पसंद करते हैं?सीएसएस में% के बजाय ईएमएस का उपयोग करने के क्या फायदे हैं?

उत्तर

13

फ़ॉन्ट आकार के लिए:

  • उन्हें और% दोनों पेरेंट तत्व का फ़ॉन्ट आकार के सापेक्ष हैं (यानी 2em और 200% हमेशा एक ही परिणाम दे)
  • ईएमएस टाइपोग्राफी में एक इतिहास है (हालांकि एक सीएसएस उन्हें) एक मुद्रण उन्हें रूप में एक ही
  • सीएसएस के ब्राउज़र कार्यान्वयन नहीं है उन्हें साथ तुलना% के साथ कम बग हो

बाकी सब के लिए (उदाहरण के लिए एक तत्व की चौड़ाई):

  • उन्हें फ़ॉन्ट आकार के सापेक्ष है
  • % पेरेंट तत्व

के सापेक्ष है ... इसलिए वे पूरी तरह से अलग बातें करते हैं और मामले के आधार द्वारा एक मामले पर विचार करने की आवश्यकता।

+1

+1: निश्चित उत्तर। – Skilldrick

+0

धन्यवाद डेविड, तो आप कह रहे हैं कि फ़ॉन्ट आकार के लिए 'em' के बजाय'% 'का उपयोग करने के लिए ब्राउज़र संगतता के मामले में यह सुरक्षित है? साथ ही, यदि मैं '%' में फ़ॉन्ट-आकार निर्दिष्ट करता हूं तो इसकी गणना मूल फ़ॉन्ट आकार या युक्त ब्लॉक का उपयोग करके की जाएगी? –

+0

न तो। प्रतिशत के रूप में निर्दिष्ट फ़ॉन्ट आकार, जैसे एम, मूल तत्व के फ़ॉन्ट आकार के सापेक्ष हैं। (ओउप्स, जो मेरे उत्तर में एक त्रुटि को हाइलाइट करता है, मैं इसे सही कर दूंगा) – Quentin

1

मुझे लगता है कि एक कारण यह है कि बहुत सारे वेब डिज़ाइनर प्रिंट डिज़ाइनर के रूप में शुरू हुए हैं, और इसलिए माप की इकाई के रूप में ईएमएस के लिए उपयोग किया जाता है। यह निश्चित रूप से मेरे साथ मामला है।

2

ईएमएस एक ज्ञात और संगत मूल्य (फ़ॉन्ट आकार) पर आधारित हैं जबकि प्रतिशत कंटेनर के आकार पर आधारित है। संदर्भ के आधार पर आपके आयामों और आकारों का आधार बदल रहा है (जो तत्व/कंटेनर आप हैं) के आधार पर सीएसएस को डिजाइन और समझना बहुत मुश्किल है।

+0

धन्यवाद नैट, मैं अभी भी जवाब आप और @ दाऊद प्रदान की है, के साथ एक छोटा सा संदेह में हूँ है पर यह कल्पना यदि आप विषय पर मैं कुछ और प्रकाश डाला सकता है वास्तव में इसकी सराहना करेंगे। –

-1

एक पृष्ठ 3-कॉलम लेआउट 25%/50%/25% के साथ दें, इसे फ़ॉन्ट दें जो लेख की 6 पंक्तियों (16% फ़ॉन्ट आकार) के लिए अनुमति देता है, प्रति पृष्ठ 5 लेख (20% ऊंचाई)

अब एक एम्बेडेड डिवाइस 320x200px के स्क्रीन रिज़ॉल्यूशन

+0

क्षमा करें, लेकिन मुझे फ़ॉलो नहीं है ... = एस –

+0

यह पूरी तरह से समझ में नहीं आता है। उस प्रकार का डिवाइस आम तौर पर एक स्क्रीन मीडिया स्टाइलशीट प्रस्तुत नहीं करेगा (जब तक कि इसमें वर्चुअल व्यू पोर्ट और ज़ूम सुविधा नहीं है, जैसे आईफोन के लिए सफारी)। प्रतिशत में परिभाषित फ़ॉन्ट आकार मूल तत्व के फ़ॉन्ट आकार के सापेक्ष हैं, व्यूपोर्ट या कंटेनर के बॉक्स आकार नहीं। – Quentin

+0

क्षमा करें, लेकिन नहीं एक बार पर मैं उन वेब पृष्ठों को एक नेटबुक पर पूरी तरह से बेकार थे, बस becase लेखकों ग्रहण "हर कोई बड़ी स्क्रीन उपयोग कर रहा है" का सामना करना पड़ा और पेज या तो स्क्रीन पर फिट नहीं था, जबकि स्क्रॉल अक्षम करने या तक कम कर दिया एक आकार जो उन्हें अपठनीय बना दिया। –

संबंधित मुद्दे

 संबंधित मुद्दे