लेआउट के लिए प्रतिशत या पिक्सेल?

Question

• आप वेबपृष्ठ लेआउट के लिए क्या उपयोग करेंगे? प्रतिशत या पिक्सेल?
• एक के बाद एक का उपयोग कब करना चाहिए?

Comments

न तो - उपयोग उन्हें की ;-)

— आर्मंड

(यही कारण है कि "टाइपोग्राफिक शब्द है, न कि HTML टैग" "", जो किसी के भी फर्जी होने पर।)

— फ्रैंक शियरर

@Alison: आप मतलब यह नहीं है "न - उपयोग उन्हें s"?

— एलन पीयर्स

लक्ष्य मंच? स्पष्ट प्रतिशत होगा, लेकिन दुर्भाग्य से आपकी अधिकांश ग्राफिक्स संपत्ति अच्छी तरह से

— मापी

हम्मम @ एलान आप सही हो सकते हैं:

— आर्मंड

Answer 1

आप किस इकाई का उपयोग करते हैं यह पूरी तरह से उस पर निर्भर करता है जिसे आप पूरा करना चाहते हैं। वेब लेआउट में सबसे अधिक उपयोग की जाने वाली इकाइयाँ हैं:

• px - निरपेक्ष; एक पिक्सेल
• पीटी - निरपेक्ष; 1/72 इंच, स्क्रीन मीडिया के लिए लगभग 1.3px
• em - मूल फ़ॉन्ट आकार के सापेक्ष; 1.0em = एक वर्ण का आकार (अपरकेस एम की चौड़ाई)
• % - माता-पिता के सापेक्ष

आप px का उपयोग उन आकारों के लिए करते हैं जो स्थिर रहते हैं, उदाहरण के लिए 1px सीमा।
आप उन आकारों के लिए उपयोग करते हैं, जिन्हें फ़ॉन्ट आकार का अनुसरण करना चाहिए, उदाहरण के लिए 3.0em मार्जिन।
आप उन आकारों के लिए% का उपयोग करते हैं, जिन्हें माता-पिता का प्रतिशत लेना चाहिए, उदाहरण के लिए 50% चौड़ाई।

यदि आप एक निश्चित (पिक्सेल) लेआउट या एक तरल पदार्थ (प्रतिशत) आधारित लेआउट चाहते हैं तो वेब पेज लेआउट के लिए आप आमतौर पर पिक्सेल या प्रतिशत का उपयोग करते हैं।

Comments

एक छोटी सी नाइटी लेने के लिए: एक इम चौड़ाई है, न कि ऊंचाई, पारंपरिक टाइपोग्राफी में एक ऊपरी मामले एम। आश्चर्य की बात नहीं, एक एन ऊपरी मामले की चौड़ाई है एन। एक पूर्व चरित्र आधारित ऊंचाई माप है।

— स्टेन रोजर्स

@ स्टैन रोजर्स: मैंने कभी नहीं कहा कि यह एक ऊपरी मामले एम की ऊंचाई थी, किसी और ने संपादित किया कि

— गुफ़ा

क्या मायने रखता है कि दी गई जानकारी उतनी ही सही है जितना हम इसे बना सकते हैं, न कि इसे वहां डालने वाले। (मैं अभी तक अन्य लोगों के गैर-विकी उत्तरों को संपादित नहीं कर सकता, इसलिए टिप्पणियाँ सबसे अच्छी हैं जो मैं कर सकता हूं।)

— स्टेन रोजर्स

पॉइंट साइज़ निरपेक्ष नहीं है जब तक कि आप आउटपुट डिवाइस के सटीक रिज़ॉल्यूशन और उपयोगकर्ता द्वारा निर्धारित किए गए स्केल फैक्टर (रिज़ॉल्यूशन-स्वतंत्र यूआई, एक्सपी 'बड़े फोंट आदि) को नहीं जानते हैं। इसके अलावा, iPhone 4 326 dpi है, जो कि 72dpi से काफी अधिक है

— JBRWilkinson

@JBRWilkinson: यह किसी भी उपकरण के लिए एक पूर्ण उपाय है। यह इकाई की तरह पूर्ण है px; पिक्सेल का आकार भी किसी भी प्रदर्शन के लिए भिन्न होता है।

— गुफ़ा

Answer 2

मैं चौड़ाई घोषणाओं के लिए पिक्सल का उपयोग करता हूं (जो आम तौर पर तय होते हैं), लेकिन उन्हें ऊंचाई के लिए। इस तरह से लेआउट लंबवत रूप से आकार बदलता है - लेकिन क्षैतिज स्थिरता बनाए रखता है।

Answer 3

जब भी संभव हो मैं सापेक्ष / आनुपातिक आकारों का उपयोग करता हूं। मुझे लगता है कि बाद में लेआउट में बदलाव करना बहुत आसान हो गया है। इसके अलावा, मूल तत्व के सापेक्ष आकार का उपयोग करने का अर्थ है कि माता-पिता के लिए परिवर्तन आसानी से नीचे गिर जाता है।

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