क्या मुझे एम या पीएक्स का उपयोग करना चाहिए?

Question

मैं एक नई वेब प्रोजेक्ट शुरू कर रहा हूं और मैं सोच रहा हूं कि लेआउट और फ़ॉन्ट आकार के लिए एम या पीएक्स का उपयोग करना है या नहीं।

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

लेकिन एम का उपयोग करने के साथ मुझे 2 समस्याएं दिखाई देती हैं।

सबसे पहले बड़े और व्यापक मॉनिटर्स के साथ समस्या है - अक्सर यह स्क्रीन पर मील और मील की दूरी पर चलने वाले पाठ में परिणाम होता है, जो पृष्ठ को पढ़ने के बाद पढ़ना बहुत मुश्किल होता है।

दूसरा, यदि आपकी साइट को फ़्लैश घटक को एकीकृत करने की आवश्यकता है तो क्या होगा? यदि आप फ्लैश घटक को एक div (उदाहरण के लिए साइट के मुख्य कंटेनर) के अंदर फिट करना चाहते हैं, जिसे एम में परिभाषित किया गया है, तो आप इसके बारे में कैसे जाएंगे क्योंकि फ़्लैश घटकों को पीएक्स में मापा जाता है?

क्या वास्तव में पीएक्स पर ईएम का उपयोग करने के लिए एक अनिवार्य कारण है?

Answer 1

पहले बड़े और विस्तृत नज़र रखता है के साथ समस्या यह है - अक्सर इस भर पाठ चल रहा है मीलों स्क्रीन है, जो पढ़ने के रूप में आप पृष्ठ नीचे पढ़ बहुत मुश्किल है का परिणाम है।

em या px का उपयोग करना, आप अभी भी परिभाषित कर सकते हैं एक width (या max-width) अपने लेआउट में।

दूसरे, क्या हुआ अगर आपकी साइट करने के लिए आवश्यक एक फ्लैश घटक एकीकृत? आप फ्लैश घटक वास्तव में एक div अंदर फिट करने के लिए चाहते हैं हैं (उदाहरण, साइट की मुख्य कंटेनर) कि उन्हें में परिभाषित किया गया है, तो आप के बाद से फ़्लैश घटकों इसके बारे में कैसे जाना होगा पिक्सल में मापा जाता है?

ठीक फिट करने के लिए, आप अभी भी 100% width का उपयोग कर सकते हैं, या शायद मैं आपके बिंदु को समझ नहीं पाया।

---

सिद्धांत रूप में, empx के बजाय का उपयोग कर अपने लेआउट उपयोगकर्ता प्राथमिकताओं के आधार पर आसानी से बड़े आकार का होने के लिए अनुमति देगा।

लेकिन आज, आधुनिक ब्राउज़रों px लेआउट के साथ-साथ em लेआउट आकार बदल सकते हैं तो यह भी उतना ही प्रासंगिक के रूप में यह कुछ साल पहले था नहीं हो सकता है।

Answer 2

जब आप निश्चित फ़ॉन्ट्स के बजाय अपेक्षाकृत आकार का उपयोग करते हैं, तो प्रमुख लाभ यह है कि एक (ऑप्टिकल रूप से अक्षम) विज़िटर फोंट सहित वेबपृष्ठ को ज़ूम इन/आउट कर सकता है। यह सब web accessibility है।

Answer 3

पीएक्स में एक ही समस्या है जो आप विभिन्न मॉनीटर आकारों के साथ उल्लेख करते हैं। पीएक्स के साथ पिक्सल के मामले में सोचने की प्रवृत्ति भी अधिक होती है क्योंकि वे आपके मॉनिटर पर आकार में होते हैं (यानी, पिक्सेल एक निश्चित डॉट पिच रखते हैं)। चूंकि ईएमएस (और%) में प्रदर्शित होने के लिए एक निश्चित आकार का संबंध नहीं है, इसलिए लोग एक ही जाल में नहीं आते हैं। (पीएक्स, सभी छवि पिक्सेल की तरह, वास्तव में पिक्सल प्रदर्शित करने के लिए एक निश्चित 1: 1 रिश्ते नहीं है, लेकिन लोग आमतौर पर उन तरीकों से सोचते हैं।)

जब प्रतिस्थापित तत्वों को संरेखित करने की बात आती है, चाहे फ़्लैश या छवियां, पीएक्स वास्तव में अधिक उपयुक्त हों (हालांकि फ्लैश, पूरी तरह से वेक्टर ग्राफिक्स का उपयोग करते समय, जो कुछ भी आप चाहते हैं उसका उपयोग करके आकार में अच्छी तरह से स्केल करेंगे)। व्यक्तिगत रूप से, मैं जो भी इकाई तत्व के प्रकार के लिए अधिक प्राकृतिक है, जो स्थिति निर्धारण और आकार निर्धारित कर रहा है: छवियों के लिए पीएक्स & फिल्में, पाठ के लिए एम, व्यूपोर्ट के लिए%।

Answer 4

अब जब कि आधुनिक डेस्कटॉप ब्राउज़रों पैमाने px और em एक ही है, मुझे लगता है कि चर्चा करने के लिए आगे बढ़ना चाहिए कैसे के उपयोग के एक या अन्य ऐसे iPad, iPhone, आदि के रूप में मोबाइल उपकरणों पर प्रदर्शित करेगा