एक वेबसाइट पर मापन

Question

क्या आपको px के साथ मिश्रण करना चाहिए?

em फ़ॉन्ट आकार और px पर आधारित है स्क्रीन पर आधारित है।

तो सवाल फोड़े करता है - जब कोई वेबसाइट em का उपयोग कर रही है तो एक छवि कैसे उत्पन्न करें?

Answer 1

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

यदि आप छवि-आधारित मेनू बना रहे हैं, और आप मेनू को आकार में ऊपर की ओर बढ़ने की इजाजत दे रहे हैं, तो शायद एक नया स्वरूप क्रम में है। यदि एक कारक का एक उन्मूलन (कोई स्केलिंग, या कोई छवि नहीं) की तुलना में एक नया स्वरूप नहीं है।

Answer 2

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

Answer 3

आम तौर पर, छवियों में पिक्सेल में आंतरिक आयाम होते हैं। लेकिन आप फ़ॉन्ट आकार के अनुसार उन्हें स्केल कर सकते हैं, अगर वे उदा। बटन जो आकार में पाठ से मेल खाना चाहिए। बस एक बड़ी पर्याप्त छवि बनाएं (स्केलिंग से स्केलिंग बहुत बेहतर काम करता है) और उदा। छवि की ऊंचाई 1.5em पर। जब आप केवल ऊंचाई निर्धारित करते हैं और चौड़ाई (या इसके विपरीत), ब्राउज़र छवि को स्केल करते हैं ताकि चौड़ाई: ऊंचाई अनुपात संरक्षित हो।

हालांकि, बटन सीएसएस का उपयोग करके बेहतर बनाए जाते हैं, छवियों पर नहीं। पृष्ठभूमि छवियों को उन्नत सीएसएस विशेषताओं (background-size) का उपयोग करके स्केल किया जा सकता है, हालांकि सीमित ब्राउज़र समर्थन है।

Answer 4

1em वर्तमान फ़ॉन्ट आकार के बराबर है। 2em का मतलब वर्तमान फ़ॉन्ट के आकार के 2 गुना है। उदाहरण के लिए, यदि कोई तत्व 12 pt के फ़ॉन्ट के साथ प्रदर्शित होता है, तो '2em' 24 pt है। 'Em' सीएसएस में एक बहुत उपयोगी इकाई है, क्योंकि यह पाठक को स्वचालित रूप से अनुकूलित कर सकता है कि पाठक

'em' इकाई तत्व की 'फ़ॉन्ट-आकार' संपत्ति के गणना मूल्य के बराबर है जिस पर इसका उपयोग किया जाता है। अपवाद तब होता है जब 'em' 'फ़ॉन्ट-आकार' प्रॉपर्टी के मूल्य में होता है, जिस स्थिति में यह मूल तत्व के फ़ॉन्ट आकार को संदर्भित करता है। इसका उपयोग ऊर्ध्वाधर या क्षैतिज माप

पिक्सेल (कंप्यूटर स्क्रीन पर एक बिंदु) के लिए किया जा सकता है, पीएक्स को आईई में भी आकार दिया जा सकता है। एम विरासत आकार के अपने मूल तत्व द्वारा एक सापेक्ष आकार है और वास्तव में% के समान अर्थ है।

Answer 5

मैं व्यक्तिगत रूप से दोनों मिश्रण करता हूं। आप त्रुटियों के बिना इसे किसी भी तरह से कर सकते हैं।
यह वरीयता, और प्रथाओं पर निर्भर करता है। अन्य भी हैं: http://www.w3schools.com/cssref/css_units.asp

Answer 6

मुझे फ़ॉन्ट के संबंध में बाकी सभी के लिए एचटीएमएल, बॉडी और एम में पीएक्स का उपयोग करना हमेशा अच्छा लगता है। http://css-tricks.com/viewport-sized-typography/

Answer 7

उपयोग css3

background-size: auto 100%; 

सामग्री के कंटेनर पर: हालांकि, रिश्तेदार इकाइयों पर एक नज़र (VW VH v मिनट v-अधिकतम) ले लो। पृष्ठभूमि कंटेनर ऊंचाई के सापेक्ष आकार बदल जाएगी और कंटेनर ऊंचाई फ़ॉन्ट आकार के सापेक्ष बढ़ेगी, भले ही यह कैसे सेट हो।