एम बनाम पीएक्स ... मोबाइल ब्राउज़र के लिए

Question

डेस्कटॉप ब्राउज़र के लिए सभी आधुनिक ब्राउज़र ज़ूम कार्यक्षमता का उपयोग करते हैं ताकि हम पीएक्स का उपयोग कर सकें लेकिन यदि मोबाइल पर एक ही साइट देखी जा सकती है तो मोबाइल ब्राउज़र में ज़ूम करने के लिए पीएक्स अच्छा नहीं होगा। या पीएक्स का उपयोग मोबाइल ब्राउज़र के लिए भी ठीक है।

भले ही हमें आईई 6 की परवाह नहीं है, अगर हम मोबाइल के लिए अलग-अलग साइट नहीं बना रहे हैं तो भी हमें पीएक्स के स्थान पर एम का उपयोग करना चाहिए, उसी साइट पर डेस्कटॉप और मोबाइल फोन दोनों (आईफोन, ब्लैकबेरी, विंडोज़ मोबाइल, ओपेरा मिनी, एंड्रॉयड आदि?

Answer 1

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

तो px का उपयोग कर इस प्रकार के ब्राउज़र के लिए यह एक सामान्य डेस्कटॉप ब्राउज़र के लिए बुरा नहीं है। यदि आप बड़ी समस्याओं के बिना चाहते हैं तो आप इसे कर सकते हैं, लेकिन यदि आप कर सकते हैं तो दोनों स्थितियों में em मुख्य शरीर सामग्री के लिए बेहतर है।

Answer 2

PX, एक निश्चित पिक्सेल आकार ईएम आकार फ़ॉन्ट के

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

हालांकि, अधिकांश वेब-देव अधिक विशिष्ट पीएक्स के रूप में वे जान सकते हैं कि एक दूसरे के सापेक्ष चीजें कैसे प्रदर्शित होती हैं।

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

Answer 3

पिक्सल तय किए गए हैं, एक पिक्सेल मोबाइल या किसी भी प्रदर्शन पर एक ही स्थान का उपयोग करेगा। ईएमएस रिश्तेदार हैं, इसलिए उन्हें इसलिए कहा जाता है क्योंकि वे अपरकेस अक्षर 'एम' के अनुमानित आकार का उपयोग करते हैं।

तो, हाँ, आपको ईएमएस का उपयोग करना चाहिए, क्योंकि उन्हें स्क्रीन के आधार पर समायोजित किया जाएगा, और आपके फ़ॉन्ट उनके साथ बेहतर फिट होने की संभावना है।

Answer 4

मैं आमतौर पर मोबाइल उपकरणों के विकास के दौरान पिक्सेल सटीक डिज़ाइन का उपयोग न करने की सलाह देता हूं। कारण सरल हैं:

• आप छोटे संकल्पों से लेकर 1920x1080 तक की स्क्रीन के साथ डिवाइस से निपट रहे हैं और कोई भी 'एक आकार सभी फिट बैठता है'; यह भी मान लें कि आपके उपयोगकर्ता शायद यह नहीं जानते कि उनके ब्राउज़र में ज़ूम फ़ंक्शन भी मौजूद है।
• मोबाइल उपकरणों के लिए विकास करते समय जागरूक रहें कि उनमें से कई फ़ॉन्ट आकारों की एक विस्तृत विविधता का समर्थन नहीं करते हैं, इसलिए आप पिक्सेल सटीक फोंट पर भरोसा नहीं कर सकते हैं। कुछ मोबाइल ब्राउज़र द्वारा लाइन-ऊंचाई समर्थित नहीं है। इस प्रकार यदि आपका डिज़ाइन पिक्सेल परिशुद्धता पर निर्भर करता है, तो मेनू बार कहें, और आप बार को पिक्सल उच्च होने के लिए डिज़ाइन करते हैं, तो परिणाम पूरी तरह गलत दिखाई दे सकता है।

डैन सेडरहोम की पुस्तक "बुलेटप्रूफ वेब डिजाइन" काफी के रूप में बुलेटप्रूफ शीर्षक से पता चलता के रूप में नहीं हो सकता है, लेकिन यह/आपके प्रश्न का उत्तर आपकी समस्या को हल करने के लिए एक बहुत अच्छी शुरुआत है।

Answer 5

आप अपने सीएसएस में उन्हें करने के लिए पिक्सल से फोंट में परिवर्तित करने के लिए इस चाल का उपयोग कर सकते हैं:

body { 
    font-size: 62.5%; /* resets the page font size */ 
} 

फिर इस तरह अपने फ़ॉन्ट आकार निर्दिष्ट करें:

p { 
    font-size: 0.8em; /* equals 8px */ 
    font-size: 1.0em; /* equals 10px */ 
    font-size: 1.6em; /* equals 16px */ 
    font-size: 2.0em; /* equals 20px */ 
} 

और इतने पर। फिर आप PXtoEm.com पर अपने लेआउट के लिए पीएक्स को एम में परिवर्तित कर सकते हैं।

Answer 6

आप इस लेख http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/