सवाल क्या मुझे अपने सीएसएस में पीएक्स या रिम वैल्यू इकाइयों का उपयोग करना चाहिए?


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

मेरा सवाल है: क्या मुझे उपयोग करना चाहिए px या rem मेरे सीएसएस में?

  • अब तक मुझे पता है कि इसका उपयोग कर रहे हैं px उन उपयोगकर्ताओं के साथ संगत नहीं है जो अपने ब्राउज़र में अपने मूल फ़ॉन्ट आकार को समायोजित करते हैं।
  • मैंने उपेक्षा की है emक्योंकि वे तुलना करने के लिए परेशानी के अधिक परेशानी हैं remएस, के रूप में वे cascade।
  • कुछ कहते हैं कि remएस संकल्प स्वतंत्र हैं और इसलिए अधिक वांछनीय हैं। लेकिन दूसरों का कहना है कि अधिकांश आधुनिक ब्राउज़र सभी तत्वों को समान रूप से ज़ूम करते हैं, इसलिए इसका उपयोग करना px ये कोई समस्या नहीं है।

मैं यह पूछ रहा हूं क्योंकि सीएसएस में दूरी की सबसे वांछनीय माप क्या है, और मुझे यकीन नहीं है कि कौन सा सबसे अच्छा है।


307
2017-08-03 15:59


मूल


यह एक अच्छा संसाधन है, टिप्पणियों में और भी कुछ है: kyleschaeffer.com/best-practices/... - TheZ
मैंने इसे पढ़ लिया है, लेकिन इस आलेख में रेम का उल्लेख नहीं है। इसके अलावा, वह अपने बिंदु की व्याख्या नहीं करता है: "पिक्सेल इकाई के साथ एक समस्या यह है कि यह दृष्टिहीन-अक्षम पाठकों या नीचे के मोबाइल उपकरणों के अनुकूल होने के लिए ऊपर की ओर स्केल नहीं करता है।"कुछ इस कथन से असहमत होंगे और कहेंगे कि मोबाइल डिवाइस पूरी तरह से पीएक्स इकाइयों के साथ सामना करते हैं।
कुछ लोग यह कह सकते हैं अधिकांश डिवाइस पूरी तरह से सामना करते हैं, ज्यादातर नए उपकरणों। - TheZ
@cereallarceny, धन्यवाद, यह कुछ ऐसा है जो मुझे थोड़ी देर के लिए परेशान कर रहा है और मैं इसे अपने आप समझने में सक्षम नहीं हूं।
यह विवाद और तर्क और राय का विषय है, तकनीकी प्रकार के तकनीकी प्रश्नों की तरह नहीं, जो कि अच्छा है। वैसे, सही जवाब "नहीं" है - Jukka K. Korpela


जवाब:


टी एल; डॉ: उपयोग px

तथ्यों

  • सबसे पहले, यह जानना बेहद जरूरी है प्रति कल्पना, सीएसएस px इकाई नहीं करता बराबर एक भौतिक प्रदर्शन पिक्सेल। यह है हमेशा सच रहा - 1 99 6 में भी सीएसएस 1 कल्पना

    सीएसएस परिभाषित करता है संदर्भ पिक्सेल, जो 96 डीपीआई डिस्प्ले पर पिक्सेल के आकार को मापता है। एक डिस्प्ले पर जिसमें डीपीआई 96 डीपीआई (रेटिना डिस्प्ले की तरह) से काफी अलग है, उपयोगकर्ता एजेंट पुनर्विक्रय करता है px इकाई ताकि उसका आकार एक संदर्भ पिक्सेल से मेल खाता हो। दूसरे शब्दों में, यह बचाव वास्तव में 1 सीएसएस पिक्सेल 2 भौतिक रेटिना डिस्प्ले पिक्सल के बराबर क्यों है।

    उस ने कहा, 2010 तक (और मोबाइल ज़ूम की स्थिति के बावजूद), px लगभग हमेशा एक भौतिक पिक्सेल बराबर किया, क्योंकि सभी व्यापक रूप से उपलब्ध डिस्प्ले 96 डीपीआई थे।

  • आकार में निर्दिष्ट आकार emएस रिश्तेदार हैं मूल तत्व के लिए। यह जाता है em"कंपाउंडिंग समस्या" जहां नेस्टेड तत्व प्रगतिशील रूप से बड़े या छोटे होते हैं। उदाहरण के लिए:

    body { font-size:20px; } 
    div { font-size:0.5em; }
    

    हमें देता है:

    <body> - 20px
        <div> - 10px
            <div> - 5px
                <div> - 2.5px
                    <div> - 1.25px
    
  • CSS3 rem, जो हमेशा जड़ के सापेक्ष है html तत्व, भरोसा करने के लिए बहुत नया है। जुलाई 2012 तक, लगभग उपयोग में सभी ब्राउज़रों का 75% का समर्थन rem

रॉय

मुझे लगता है कि हर कोई इस बात से सहमत है कि अपने पृष्ठों को हर किसी के लिए समायोजित करने और दृष्टिहीन लोगों के लिए विचार करने के लिए अच्छा है। ऐसा एक विचार (लेकिन केवल एक ही नहीं!) उपयोगकर्ताओं को आपकी साइट का टेक्स्ट बड़ा करने की इजाजत दे रहा है, ताकि इसे पढ़ना आसान हो।

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

आधुनिक ब्राउज़रों (और यहां तक ​​कि आधुनिक नहीं आईई 7) सभी ने डिफ़ॉल्ट स्केलिंग विधि को छवियों और बॉक्स आकारों सहित बस सब कुछ में ज़ूम करने के लिए बदल दिया। अनिवार्य रूप से, वे संदर्भ पिक्सेल बड़ा या छोटा बनाते हैं।

हां, कोई भी डिफ़ॉल्ट फ़ॉन्ट आकार (पुराने शैली के फ़ॉन्ट आकार विकल्प के बराबर) को ट्विक करने के लिए अभी भी अपनी ब्राउज़र डिफ़ॉल्ट स्टाइलशीट को बदल सकता है, लेकिन यह इसके बारे में जाने का एक बहुत ही गूढ़ तरीका है और मैं किसी को भी दांव नहीं दूंगा1 क्या यह। (क्रोम में, इसे उन्नत सेटिंग्स, वेब सामग्री, फ़ॉन्ट आकार के तहत दफनाया गया है। आईई 9 में, यह और भी छुपा हुआ है। आपको Alt दबाएं, और देखें, टेक्स्ट साइज पर जाएं।) ज़ूम विकल्प का चयन करना बहुत आसान है ब्राउज़र का मुख्य मेनू (या उपयोग करें Ctrl++/-/माउस व्हील)।

1 - सांख्यिकीय त्रुटि के भीतर, स्वाभाविक रूप से

यदि हम ज़ूम विकल्प का उपयोग कर अधिकांश उपयोगकर्ता स्केल पेज मानते हैं, तो मुझे सापेक्ष इकाइयां अधिकतर अप्रासंगिक मिलती हैं। अपने पृष्ठ को विकसित करना बहुत आसान है जब सबकुछ एक ही इकाई में निर्दिष्ट होता है (छवियों को सभी पिक्सेल में निपटाया जाता है), और आपको कंपाउंडिंग के बारे में चिंता करने की आवश्यकता नहीं है। ("मुझे बताया गया कि कोई गणित नहीं होगा" - गणना करने के साथ काम कर रहा है कि 1.5em वास्तव में क्या काम करता है।)

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

तो मेरा जवाब पिक्सेल इकाइयों का उपयोग है। मैं उपयोग करता हूं px प्रत्येक वस्तु के लिए। बेशक, आपकी स्थिति भिन्न हो सकती है, और यदि आपको आईई 6 का समर्थन करना चाहिए (क्या आरएफसी के देवताओं पर आप पर दया हो सकती है), तो आपको इसका उपयोग करना होगा emवैसे भी


368
2017-08-03 21:04



आपको पिक्सेल और रीम का उपयोग करना चाहिए। तो नए ब्राउज़र रीम और पुराने ब्राउज़र पिक्सल पर वापस आते हैं (जैसे वर्डप्रेस 2012 करता है)। इसे सास या उससे कम के साथ स्वचालित किया जा सकता है, इसलिए आप जो भी करते हैं वह पीएक्स मान दर्ज करता है और यह स्वचालित रूप से पीएक्स और रीम आउटपुट करता है। - cchiera
इस तर्क के साथ मेरा बड़ा क्विबल यह है कि जब उत्तरदायी ब्रेकपॉइंट्स पर फ़ॉन्ट आकार और अंतर को समायोजित करते हैं तो आप HTML तत्व पर एक नया फ़ॉन्ट आकार सेट कर सकते हैं और आपके द्वारा सेट किए गए प्रत्येक माप को स्वचालित रूप से समायोजित कर दिया जाएगा, जबकि पीएक्स के साथ आपको लिखना होगा हर माप के लिए नए नियम जिन्हें आप ट्विक करना चाहते हैं। निश्चित रूप से रीम का उपयोग करते समय भी अधिक समायोजन की आवश्यकता होगी, लेकिन चतुर योजना के साथ आपको मुफ्त में आनुपातिक स्केलिंग की एक बड़ी राशि मिलती है। टाइप करने के लिए कुछ बॉक्स स्पेसिंग मापन को टाइप करना, हल्का कोड, और कम जटिलता / अधिक रखरखाव मुझे रिम के लिए स्पष्ट जीत के बराबर है। - RobW
एक ही समय में वाद्य, सेक्सी, और सटीक सभी। अच्छा उत्तर। - Xunnamius
यह मानते हुए कि कोई भी उपयोगकर्ता फ़ॉन्ट-आकार सेटिंग को बदलता नहीं है, वह काफी बोल्ड है। इस तरह के दावे का समर्थन डेटा के साथ किया जाना चाहिए। अन्यथा यह उन उपयोगकर्ताओं में से कुछ को अलग करने का एक तरीका है जो पहले से ही नाजुक हैं (भारी दृष्टि से विकलांग पीपीएल)। यदि आप कर सकते हैं, तो पीएक्स के बजाय रिम का उपयोग करें। आईएमओ, ऐप्स स्वतंत्र रूप से उनके इंटरफ़ेस और फ़ॉन्ट आकार को स्केल करने में सक्षम होना चाहिए। "बस पीएक्स का उपयोग करें" ईएमएस मुद्दे के साथ संघर्ष करने वाले कई देवताओं को सुनना है, लेकिन यह वेब के लिए सही जवाब नहीं है। - Olivvv
इस पर फॉलो-अप करना बहुत अच्छा होगा। रेम अब 95% + समर्थन पर है। - in code veritas


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


tl; डॉ: उपयोग rem

यूनिट अवलोकन

ऐतिहासिक दृष्टि से px इकाइयों आमतौर पर एक डिवाइस पिक्सेल का प्रतिनिधित्व किया। उच्च और उच्च पिक्सेल घनत्व वाले उपकरणों के साथ यह अब कई उपकरणों के लिए नहीं है, जैसे कि ऐप्पल के रेटिना डिस्प्ले के साथ।

rem इकाइयां प्रतिनिधित्व करती हैं आरoot एम आकार। यह है font-size जो भी मैचों का :root। एचटीएमएल के मामले में, यह है <html> तत्व; एसवीजी के लिए, यह है <svg> तत्व। डिफ़ॉल्ट font-size हर ब्राउज़र में * है 16px

लिखने के समय, rem लगभग 98% उपयोगकर्ताओं द्वारा समर्थित है। यदि आप उस अन्य 2% के बारे में चिंतित हैं, तो मैं आपको याद दिलाना चाहूंगा मीडिया प्रश्न हैं भी लगभग 98% उपयोगकर्ताओं द्वारा समर्थित

उपयोग करने पर px

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

यदि आप एक पतली सीमा चाहते थे, के साथ px आप उपयोग कर सकते हैं 1px, साथ में pt आपको उपयोग करने की आवश्यकता होगी 0.75pt लगातार परिणामों के लिए, और यह बहुत सुविधाजनक नहीं है।

उपयोग करने पर rem

remका डिफ़ॉल्ट मान 16px इसके उपयोग के लिए एक बहुत मजबूत तर्क नहीं है। लिख रहे हैं 0.0625rem है और भी बुरा लिखने से 0.75pt, तो कोई भी क्यों उपयोग करेगा rem?

दो भागों हैं remअन्य इकाइयों पर लाभ।

  • उपयोगकर्ता प्राथमिकताओं का सम्मान किया जाता है
  • आप स्पष्ट बदल सकते हैं px का मूल्य rem जो भी आप चाहें

उपयोगकर्ता प्राथमिकताओं का सम्मान करना

ब्राउज़र ज़ूम पिछले कुछ वर्षों में बदल गया है। ऐतिहासिक रूप से कई ब्राउज़रों को केवल स्केल करना होगा font-size, लेकिन यह बहुत तेज़ी से बदल गया जब वेबसाइटों को एहसास हुआ कि किसी भी समय किसी ने ज़ूम इन या आउट होने पर उनके सुंदर पिक्सेल-परिपूर्ण डिज़ाइन तोड़ रहे थे। इस बिंदु पर, ब्राउज़र पूरे पृष्ठ को स्केल करते हैं, इसलिए चित्र-आधारित ज़ूमिंग चित्र से बाहर है।

किसी उपयोगकर्ता की इच्छाओं का सम्मान करना तस्वीर से बाहर नहीं है। सिर्फ इसलिए कि एक ब्राउज़र पर सेट है 16px डिफ़ॉल्ट रूप से, इसका मतलब यह नहीं है कि कोई भी उपयोगकर्ता अपनी वरीयताओं को बदल नहीं सकता है 24px या 32px बुरी दृष्टि के लिए सही करने के लिए। यदि आप अपनी इकाइयों को बंद करते हैं rem, किसी भी उपयोगकर्ता को उच्च फ़ॉन्ट आकार में आनुपातिक रूप से बड़ी साइट दिखाई देगी। सीमाएं बड़ी होंगी, पैडिंग बड़ा होगा, मार्जिन बड़ा होगा, सब कुछ तरलता से बढ़ जाएगा।

यदि आप अपने मीडिया प्रश्नों को आधार देते हैं rem, आप यह भी सुनिश्चित कर सकते हैं कि आपके उपयोगकर्ता जो साइट देखते हैं वह उनकी स्क्रीन फिट बैठता है। एक उपयोगकर्ता के साथ font-size करने के लिए सेट 32px पर 640px व्यापक ब्राउज़र, उपयोगकर्ता को दिखाए गए अनुसार आपकी साइट को प्रभावी रूप से देखेगा 16px पर 320px चौड़ा ब्राउज़र उपयोग में आरडब्ल्यूडी के लिए बिल्कुल कोई नुकसान नहीं है rem

स्पष्ट बदल रहा है px मूल्य

इसलिये rem पर आधारित है font-size का :root नोड, अगर आप क्या बदलना चाहते हैं 1rem प्रतिनिधित्व करता है, आपको बस इतना करना है font-size:

:root {
  font-size: 100px;
}
body {
  font-size: 1rem;
}
<p>Don't ever actually do this, please</p>

आप जो कुछ भी करते हैं, सेट न करें :root तत्व की font-size ए के लिए px मूल्य।

यदि आप सेट करते हैं font-size पर html ए के लिए px मूल्य, आपने उपयोगकर्ता की वरीयताओं को वापस पाने के लिए बिना किसी तरीके से उड़ा दिया है।

अगर आप बदलना चाहते हैं स्पष्ट का मूल्य rem, उपयोग % इकाइयों।

इसके लिए गणित उचित रूप से सीधे आगे है।

का स्पष्ट फ़ॉन्ट आकार :root है 16px, लेकिन हम कहते हैं कि हम इसे बदलना चाहते हैं 20px। हमें बस इतना करना है कि गुणा करें 16 कुछ मूल्य प्राप्त करने के लिए 20

अपना समीकरण स्थापित करें:

16 * X = 20

और के लिए हल करें X:

X = 20 / 16
X = 1.25
X = 125%

:root {
  font-size: 125%;
}
<p>If you're using the default font-size, I'm 20px tall.</p>

गुणक में सब कुछ कर रहा है 20 यह सब महान नहीं है, लेकिन एक आम सुझाव है कि इसका स्पष्ट आकार बनाना है rem के बराबर 10px। इसके लिए जादू संख्या है 10/16 जो है 0.625, या 62.5%

:root {
  font-size: 62.5%;
}
<p>If you're using the default font-size, I'm 10px tall.</p>

समस्या अब यह है कि आपका डिफ़ॉल्ट font-size बाकी के पेज को बहुत छोटा रास्ता तय किया गया है, लेकिन इसके लिए एक सरल फिक्स है: एक सेट करें font-size पर body का उपयोग करते हुए rem:

:root {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
}
<p>I'm the default font-size</p>

यह ध्यान रखना महत्वपूर्ण है कि इस समायोजन के साथ, स्पष्ट मूल्य rem है 10px जिसका मतलब है कि आपने जो भी मूल्य लिखा होगा pxसीधे रूपांतरित किया जा सकता है rem दशमलव स्थान पर बंप करके।

padding: 20px;

में बदल जाता है

padding: 2rem;

आपके द्वारा चुने गए स्पष्ट फ़ॉन्ट आकार आपके ऊपर हैं, इसलिए यदि आप चाहते हैं कि कोई कारण नहीं है तो आप इसका उपयोग नहीं कर सकते:

:root {
  font-size: 6.25%;
}
body {
  font-size: 16rem;
}

और है 1rem बराबरी का 1px

तो आपके पास यह है, उपयोगकर्ता की इच्छाओं का सम्मान करने के लिए एक आसान समाधान है जबकि आपके सीएसएस को अधिक जटिल बनाने से बचा है।

रुको, तो पकड़ क्या है?

मुझे डर था कि आप उससे पूछ सकते हैं। जितना मैं इसे नाटक करना चाहता हूं rem जादू और हल-सब कुछ है, अभी भी नोट के कुछ मुद्दे हैं। कुछ भी नहीं तोड़ने वाला मेरी राय में, लेकिन मैं उन्हें फोन करने जा रहा हूं ताकि आप यह नहीं कह सकें कि मैंने आपको चेतावनी नहीं दी है।

मीडिया के प्रश्नों

आप जिन मुद्दों के साथ भाग लेंगे उनमें से एक rem मीडिया प्रश्न शामिल है। निम्नलिखित कोड पर विचार करें:

:root {
  font-size: 1000px;
}
@media (min-width: 1rem) {
  :root {
    font-size: 1px;
  }
}

यहां का मूल्य rem मीडिया-क्वेरी लागू होने पर निर्भर करता है, और मीडिया क्वेरी के मूल्य पर निर्भर करता है rem, तो पृथ्वी पर क्या चल रहा है?

rem मीडिया प्रश्नों में प्रारंभिक मूल्य का उपयोग करता है font-size और खाते में किए गए किसी भी बदलाव को ध्यान में रखता नहीं है font-size का :root तत्व। दूसरे शब्दों में, यह स्पष्ट मूल्य है हमेशा  16px

यह थोड़ा परेशान है, क्योंकि इसका मतलब है कि आपको करना है कुछ आंशिक गणना, लेकिन मुझे पता चला है कि सबसे आम मीडिया प्रश्न पहले से ही मानों का उपयोग करते हैं जो 16 के गुणक हैं।

|   px | rem |
+------+-----+
|  320 |  20 |
|  480 |  30 |
|  768 |  48 |
| 1024 |  64 |
| 1200 |  75 |
| 1600 | 100 |

इसके अतिरिक्त यदि आप एक सीएसएस प्रीप्रोसेसर का उपयोग कर रहे हैं, तो आप अपने मीडिया प्रश्नों को प्रबंधित करने के लिए मिश्रित या चर का उपयोग कर सकते हैं, जो पूरी तरह से समस्या को मुखौटा करेगा।

संदर्भ स्विचिंग

यदि आप परियोजनाओं के बीच विभिन्न विभिन्न परियोजनाओं के बीच स्विच करते हैं, तो यह संभव है कि स्पष्ट फ़ॉन्ट आकार का rem अलग-अलग मूल्य होंगे। एक प्रोजेक्ट में, आप एक स्पष्ट आकार का उपयोग कर रहे हैं 10px जहां एक और परियोजना में स्पष्ट आकार हो सकता है 1px। यह भ्रमित हो सकता है और मुद्दों का कारण बन सकता है।

यहां मेरी एकमात्र सिफारिश है जिसके साथ रहना है 62.5% कन्वर्ट करने के लिए rem के एक स्पष्ट आकार के लिए 10px, क्योंकि यह मेरे अनुभव में अधिक आम है।

साझा सीएसएस पुस्तकालयों

यदि आप सीएसएस लिख रहे हैं जिसका उपयोग उस साइट पर किया जा रहा है जिसे आप नियंत्रित नहीं करते हैं, जैसे एम्बेडेड विजेट के लिए, वास्तव में कोई स्पष्ट तरीका नहीं है कि स्पष्ट आकार क्या है rem होगा। यदि ऐसा है, तो उपयोग करने के लिए स्वतंत्र महसूस करें px

यदि आप अभी भी उपयोग करना चाहते हैं rem हालांकि, स्पष्ट आकार के स्केलिंग को ओवरराइड करने के लिए एक चर के साथ स्टाइलशीट का एक सास या कम संस्करण जारी करने पर विचार करें rem


* मैं किसी को भी इस्तेमाल करने से दूर नहीं करना चाहता rem, लेकिन मैं आधिकारिक तौर पर इसकी पुष्टि करने में सक्षम नहीं हूं प्रत्येक ब्राउज़र का उपयोग करता है 16px डिफ़ॉल्ट रूप से। आप देखते हैं, बहुत सारे ब्राउज़र हैं और यह एक ब्राउज़र के लिए इतनी मुश्किल नहीं होगी कि वे इतनी थोड़ी दूर हो जाएं 15px या 18px। परीक्षण में, हालांकि मैंने एक ऐसा उदाहरण नहीं देखा है जहां डिफ़ॉल्ट सेटिंग्स का उपयोग कर सिस्टम में डिफ़ॉल्ट सेटिंग्स का उपयोग करने वाला ब्राउज़र कोई अन्य मूल्य था 16px। अगर आपको ऐसा उदाहरण मिलता है, तो कृपया इसे मेरे साथ साझा करें।


93
2018-03-31 03:31



मुझे पता है कि यह देर हो चुकी है, लेकिन मुझे आरईएम का उपयोग करने का तरीका पसंद है, लेकिन जब मैं उपयोग करता हूं तो मुझे रीम का उपयोग करने में सबसे अधिक समस्या होती है matrix()जावास्क्रिप्ट के साथ जो मैट्रिक्स अनुवाद मूल्य है उपयोग कर रहे हैं px (अगर मैं गलत हूं तो मुझे सही करें), और मैं इसके साथ इतना उलझन में हूं। - Ampersanda
@ एम्पर्सान्डा, जावास्क्रिप्ट में आप बड़े पैमाने पर गणना किए गए पिक्सेल मानों का उपयोग करने जा रहे हैं। मेरी सिफारिश है कि जहां संभव हो कक्षाएं टॉगल करें ताकि सीएसएस प्रबंधित कर सके कि चीजें कैसे दिखती हैं। कुछ चीजों के लिए आप पिक्सेल मानों की गणना करने के लिए जेएस का उपयोग करने से बचने में सक्षम नहीं होंगे, इसलिए डीओएम राज्य से पिक्सेल मान की गणना करने के लिए आपकी सबसे अच्छी शर्त है। - zzzzBov
मैं देखता हूं, इसलिए मुझे करना है getComputedStyle() लेकिन परिणाम हमेशा पिक्सेल पर है, इसलिए मुझे परिणाम को विभाजित करना होगा rem मूल्य (जैसे 16)। CMIIW - Ampersanda
@ एम्पर्सांडा केवल अगर आप वास्तव में एक उत्पन्न कर रहे हैं rem मूल्य, यदि आपके पास पहले से ही सही है px मूल्य, स्विच करने की कोई आवश्यकता नहीं है rem उन संदर्भों के लिए इकाइयां जो पहले से दिए गए संदर्भ के लिए गणना की गई हैं। - zzzzBov
1rem बराबर 1px है क्रोम के न्यूनतम फ़ॉन्ट आकार के कारण यह परेशानी का कारण बनता है: stackoverflow.com/questions/44378664/...  stackoverflow.com/questions/24200797/... - Paul


यह लेख पेशेवरों और विपक्ष के बहुत अच्छे वर्णन करता है px, em, तथा rem

अंततः लेखक ने निष्कर्ष निकाला है कि संभवतः दोनों का उपयोग करने का सबसे अच्छा तरीका है px तथा remघोषित करना px पहले पुराने ब्राउज़र और पुनर्विक्रय के लिए rem नए ब्राउज़रों के लिए:

html { font-size: 62.5%; } 
body { font-size: 14px; font-size: 1.4rem; } /* =14px */
h1   { font-size: 24px; font-size: 2.4rem; } /* =24px */

40
2017-08-03 16:40



हाँ, यह मुझे पहली जगह में रिम ​​में दिलचस्पी है। दो चीजें जो मुझे समझ में नहीं आती हैं: वह केवल फोंट (तत्वों के लिए) के लिए माप की इकाई के रूप में सलाह नहीं देता है, और यदि मैं उसे सही ढंग से समझता हूं तो (आर) एम का उपयोग करने का एकमात्र असली कारण है तो IE उपयोगकर्ता टेक्स्ट का आकार बदल सकते हैं?
@ सैमुएल मुझे विश्वास है। यदि टेक्स्ट आकार बदलने के लिए नहीं, तो मुझे विश्वास है कि हम इसका उपयोग करना पसंद करेंगे px। तत्वों के लिए इकाई के लिए, चिपके हुए px बेहतर होगा क्योंकि आप आम तौर पर आकार के तत्वों को आकार देना चाहते हैं। - uzyn
लेकिन यदि आप ऐसा करते हैं, तो कोई भी ब्राउज़र सेटिंग जो मूल फ़ॉन्ट-आकार को फिर से परिभाषित करती है, वह आपके लेआउट को सही कर देगी? सब कुछ के लिए रीम क्यों नहीं है?
जैसा कि कई टिप्पणियां नोट करते हैं यहाँ यही कारण है कि हमें कुचलने की जरूरत है px आकार बदलने में सक्षम है। अब अगर हम उपयोग करते हैं rem, हमें अभी भी प्रदान करना है px फ़ॉलबैक (पुराने ब्राउज़र में)। अनिवार्य रूप से इसका क्या अर्थ है px आकार बदलने का समर्थन बेहतर है rem। नए ब्राउज़र का समर्थन px आकार बदलना और पुराने ब्राउज़र के लिए किसी भी तरह से हम फॉलबैक करने जा रहे हैं px। अब इस निष्कर्ष के प्रकाश के आधार पर, मुझे जानने में बहुत दिलचस्पी है, क्यों उपयोग करें rem? अगर मैं सुरंग के अंत में प्रकाश देख सकता हूं। - fusionstrings
इस बात की कोई गारंटी नहीं है कि 62.5% = 10 पीएक्स जैसे मूल्य। यह केवल तब सच होता है जब ब्राउज़र का डिफ़ॉल्ट फ़ॉन्ट आकार 16px पर सेट किया गया है। हालांकि यह डिफ़ॉल्ट है, इसकी गारंटी नहीं है। - cimmanon


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

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

तो, कुल मिलाकर, खुद से पूछें कि यह इसके लायक है या नहीं - यह महत्वपूर्ण है कि आप सीएसएस के भीतर पूरे दस्तावेज़ के "ज़ूम स्तर" को बदल दें?

कुछ मामलों के लिए यह हाँ है, कुछ मामलों के लिए यह नहीं होगा।

इसलिए, यह आपकी ज़रूरतों पर निर्भर करता है, और आपको वज़न और विपक्ष का भार उठाना पड़ता है, क्योंकि रीम और एम का उपयोग करके "सामान्य" पिक्सेल-आधारित वर्कफ़्लो की तुलना में कुछ अतिरिक्त विचार प्रस्तुत किए जाते हैं।

ध्यान रखें कि अपने सीएसएस को पीएक्स से रीम (जावास्क्रिप्ट एक और कहानी) में स्विच करना आसान है (जावास्क्रिप्ट एक और कहानी है), क्योंकि सीएसएस कोड के निम्नलिखित दो ब्लॉक एक ही परिणाम उत्पन्न करेंगे:

html {
}

body {
  font-size:14px;
}

.someElement {
  width: 12px;
}

html {
  font-size:1px;
}

body {
  font-size:14rem;
}

.someElement {
  width: 12rem;
}

7
2017-12-08 20:05





josh3736 का जवाब एक अच्छा है, लेकिन 3 साल बाद एक काउंटरपॉइंट प्रदान करने के लिए:

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

मुझे लगता है कि यह अभी भी उपयोग करने के लिए समझ में आता है px कुछ छवियों के लिए इकाइयों, या कुछ लेआउट तत्वों के लिए जो डिजाइन के पैमाने पर ध्यान दिए बिना हमेशा एक ही आकार के होना चाहिए।

Caniuse.com ने कहा होगा कि केवल 75% ब्राउज़र जब josh3736 ने 2012 में अपना जवाब पोस्ट किया था, लेकिन 27 मार्च तक वे 93.78% समर्थन का दावा करते हैं। केवल IE8 उन ब्राउज़रों के बीच इसका समर्थन नहीं करता है जिन्हें वे ट्रैक करते हैं।


2
2018-03-27 15:41



Only IE8 doesn't support it among the browsers they track. है ना? लिंक किया गया पृष्ठ बताता है कि "IE9 और IE10 फ़ॉन्ट शॉर्टंड संपत्ति में उपयोग किए जाने पर या छद्म तत्वों पर उपयोग किए जाने पर रिम इकाइयों का समर्थन नहीं करते हैं। आईई 9, 10 और 11 लाइन-ऊंचाई संपत्ति में उपयोग किए जाने पर रिम इकाइयों का समर्थन नहीं करते हैं: पहले और: छद्म तत्वों के बाद। क्रोम में पृष्ठ ज़ूम आउट होने पर रिम में आकार की सीमाएं गायब हो जाती हैं। एंड्रॉइड 4.2 पर सैमसंग नोट II एंड्रॉइड 4.3 ब्राउज़र और सैमसंग गैलेक्सी टैब 2 पर काम नहीं करता है। क्रोम 31-34 और क्रोम-आधारित एंड्रॉइड (जैसे 4.4) में फ़ॉन्ट आकार की बग होती है जब रूट तत्व में प्रतिशत-आधारित आकार होता है। " - e-sushi
इसके अलावा, आप से संबंधित है as of March 27 they claim 93.78% support. इस टिप्पणी को लिखने के समय, क्या में उपयोग कर सकता हूँ केवल 91.7 9% पूर्ण ब्राउज़र समर्थन दिखाता है। अपने प्रतिशत को देखते हुए, मुझे यकीन है कि आपने इसमें शामिल किया है छोटी गाड़ी ब्राउजर सपोर्ट भी (वर्तमान में 2.8% पर, जिसे आशावादी 94.6% समग्र कवरेज के रूप में व्याख्या किया जा सकता है - लेकिन तथ्य यह है कि उन 2.8% बग्गी, अधूरा या यहां तक ​​कि पूरी तरह असफल समर्थन के साथ आते हैं ... जैसा कि मेरी पिछली टिप्पणी में उल्लेख किया गया है: प्रत्येक बग विभिन्न ब्राउज़र संस्करण और ऑपरेटिंग सिस्टम संयोजन का परिणाम।) आप तदनुसार अपना जवाब सही करना चाहते हैं ... - e-sushi


मुझे वेबसाइट के फ़ॉन्ट आकारों को प्रोग्राम करने का सबसे अच्छा तरीका मिल गया है, जिसके लिए आधार फ़ॉन्ट आकार परिभाषित करना है body और फिर एक दूसरे के लिए एम (या रीम) का उपयोग करें font-size मैं इसके बाद घोषणा करता हूं। मुझे लगता है कि यह व्यक्तिगत वरीयता है, लेकिन यह मुझे अच्छी तरह से सेवा दी है और इसे और भी शामिल करना बहुत आसान बना दिया है प्रभावी डिजाइन

जहां तक ​​रिम इकाइयों का उपयोग किया जाता है, मुझे लगता है कि आपके कोड में प्रगतिशील होने के बीच संतुलन ढूंढना अच्छा है, लेकिन पुराने ब्राउज़र के लिए भी समर्थन प्रदान करना अच्छा है। रिम इकाइयों के लिए ब्राउज़र समर्थन के बारे में इस लिंक को देखें, जो आपके निर्णय पर एक अच्छी राशि में मदद करनी चाहिए।


1
2017-08-03 16:03



ठीक। लेकिन उत्तरदायी डिजाइन बस पीएक्स इकाइयों के साथ आसानी से किया जाता है (केवल एम के बजाय पीएक्स के आधार पर अपने मीडिया प्रश्न लिखें)?
हालांकि, यदि आप अपना फ़ॉन्ट आकार छोटा बनाना चाहते हैं, तो आपकी वेबसाइट की व्यूपोर्ट चौड़ाई कम हो जाती है, तो आप इसे बदल सकते हैं body फ़ॉन्ट आकार और सब कुछ इसके साथ बदलता है। - cereallarceny
मैं ब्राउज़र समर्थन के बारे में वास्तव में चिंतित नहीं हूँ। मैं बस सभी आकारों के लिए फ़ॉलबैक पीएक्स आकार शामिल करूंगा, ताकि पुराने ब्राउज़र में कुछ समझने के लिए कुछ हो।
फिर रीम का उपयोग करके प्रगतिशील तरीके से जाएं। जब तक आप फॉलबैक प्रदान करते हैं, तब तक मुझे कोई नुकसान नहीं होता है। मेरे लिए हालांकि यह अतिरिक्त काम की तरह लगता है, लेकिन शायद आपकी स्थिति में नहीं। - cereallarceny


pt के समान है rem, इसमें यह अपेक्षाकृत तय है, लेकिन लगभग हमेशा डीपीआई-स्वतंत्र, भले ही गैर-अनुरूप ब्राउज़र व्यवहार करते हैं px एक डिवाइस पर निर्भर फैशन में। rem मूल तत्व के फ़ॉन्ट आकार के साथ बदलता है, लेकिन आप इसे स्वचालित रूप से करने के लिए Sass / Compass जैसे कुछ का उपयोग कर सकते हैं pt

यदि आपके पास यह था:

html {
    font-size: 12pt;
}

फिर 1rem हमेशा होगा 12ptrem तथा em केवल उन तत्वों के रूप में डिवाइस-स्वतंत्र हैं जिन पर वे भरोसा करते हैं; कुछ ब्राउज़र spec के अनुसार व्यवहार नहीं करते हैं, और इलाज करते हैं px सचमुच। वेब के पुराने दिनों में भी, 1 बिंदु को लगातार 1/72 इंच के रूप में माना जाता था - यानी, एक इंच में 72 अंक हैं।

यदि आपके पास पुराना, गैर-अनुपालन ब्राउज़र है, और आपके पास है:

html {
    font-size: 16px;
}

फिर 1rem डिवाइस-निर्भर होने जा रहा है। उन तत्वों के लिए जो विरासत में होंगे html डिफ़ॉल्ट रूप से, 1em डिवाइस-निर्भर भी होगा। 12pt होगा उम्मीद है कि गारंटीकृत डिवाइस-स्वतंत्र समकक्ष: 16px / 96px * 72pt = 12pt, कहा पे 96px = 72pt = 1in

यदि आप विशिष्ट इकाइयों से चिपकना चाहते हैं तो यह गणित करने के लिए बहुत जटिल हो सकता है। उदाहरण के लिए, .75em of html = .75rem = 9pt, तथा .66em of .75em of html = .5rem = 6pt। अच्छा व्यवहार:

  • उपयोग pt पूर्ण आकार के लिए।  यदि आपको मूल तत्व के प्रति गतिशील होने के लिए वास्तव में इसकी आवश्यकता है, तो आप बहुत सी सीएसएस पूछ रहे हैं; आपको एक ऐसी भाषा की आवश्यकता है जो सीएसएस / एससीएसएस की तरह सीएसएस में संकलित हो।
  • उपयोग em सापेक्ष आकार के लिए। यह कहने में सक्षम होने के लिए बहुत आसान है, "मैं बाईं ओर मार्जिन एक पत्र की अधिकतम चौड़ाई के बारे में होना चाहता हूं," या, "इस तत्व के पाठ को इसके आसपास के मुकाबले थोड़ा बड़ा बनाएं।" <h1> ईएमएस में फ़ॉन्ट आकार का उपयोग करने के लिए एक अच्छा तत्व है, क्योंकि यह विभिन्न स्थानों पर दिखाई दे सकता है, लेकिन हमेशा पास के पाठ से बड़ा होना चाहिए। इस तरह, आपके पास लागू होने वाली प्रत्येक कक्षा के लिए अलग फ़ॉन्ट आकार नहीं होना चाहिए h1: फ़ॉन्ट का आकार स्वचालित रूप से अनुकूलित हो जाएगा।
  • उपयोग px बहुत छोटे आकार के लिए।  बहुत छोटे आकार में, pt तब से 9 6 डीपीआई में कुछ ब्राउज़रों में धुंधला हो सकता है pt तथा px काफी लाइन नहीं है। यदि आप सिर्फ एक पतली, एक पिक्सेल सीमा बनाना चाहते हैं, तो ऐसा कहें। यदि आपके पास उच्च-डीपीआई डिस्प्ले है, तो परीक्षण के दौरान यह आपके लिए स्पष्ट नहीं होगा, इसलिए किसी बिंदु पर सामान्य 96-डीपीआई डिस्प्ले पर परीक्षण करना सुनिश्चित करें।
  • उच्च-डीपीआई डिस्प्ले पर चीज़ों को फैंसी बनाने के लिए उप-पिक्सल में सौदा न करें। कुछ ब्राउज़र इसका समर्थन कर सकते हैं - खासकर उच्च-डीपीआई डिस्प्ले पर - लेकिन यह नो-नो है। अधिकांश उपयोगकर्ता बड़े और स्पष्ट पसंद करते हैं, हालांकि वेब ने हमें डेवलपर्स को अन्यथा सिखाया है। यदि आप अपने उपयोगकर्ताओं के लिए अत्याधुनिक स्क्रीन के साथ विस्तारित विवरण जोड़ना चाहते हैं, तो आप वेक्टर ग्राफिक्स (पढ़ें: एसवीजी) का उपयोग कर सकते हैं, जिसे आप वैसे भी कर रहे हैं।

1
2017-10-02 17:02



पीटी मुद्रित मीडिया के लिए है और स्क्रीन के लिए कभी भी इस्तेमाल नहीं किया जाना चाहिए - s-f
@ एस-एफ सीएसएस पीटी और पीएक्स को परिभाषित करता है जैसे कि वे हमेशा एक ही अनुपात होते हैं, भले ही यह उन शर्तों का तकनीकी रूप से सटीक उपयोग न हो (72pt = 96px = 1in)। वास्तव में, सीएसएस में, पीएक्स वास्तव में एक डिवाइस पिक्सेल नहीं है। मेरी स्क्रीन पर, 1 पीएक्स 2 डिवाइस पिक्सल है। पीएक्स पर पीटी का उपयोग करने का लाभ यह है कि आप टेक्स्ट से संबंधित आकारों के सापेक्ष तत्व आकार आसानी से निर्दिष्ट कर सकते हैं। - Zenexer


हाँ। या, बल्कि, नहीं।

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

अद्यतन करें:

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

जब आप किसी मौजूदा कोड बेस पर रीडिज़ाइन को दोबारा तैयार कर रहे होते हैं तो पीएक्स की अक्सर आवश्यकता होती है और खराब घोंसले के मुद्दों को रोकने के लिए पीएक्स की विशिष्टता की आवश्यकता होती है।


-3
2017-08-03 16:17



तो आपका जवाब यह है कि इससे कोई फर्क नहीं पड़ता? या क्या ऐसी कुछ स्थितियां हैं जिनमें आप एक दूसरे के ऊपर मूल्यवान होंगे? और यदि हां, तो यह किस स्थिति में होगा?
@ सैमुएल हां, कई बार आप एक या दूसरे का उपयोग करना चाहते हैं। मैंने अधिक जानकारी के साथ अपना जवाब अपडेट कर लिया है। - DA.
क्षमा करें, मुझे मूल शब्द के साथ थोड़ा उलझन में मिला। ऐसा लगता है कि आपके शरीर में शीर्षक और ईएम में आरईएम था। ऐसा लगता है कि आप विशेष रूप से आरईएम के बारे में पूछ रहे हैं। जवाब अभी भी काफी समान है, लेकिन आरईएम के पास विचार करने के लिए कुछ अतिरिक्त लाभ हैं लेकिन मुख्य रूप से ईएम के समान उपयोग किया जाता है - यह आपको 'बेस' फ़ॉन्ट आकार का उपयोग करने की अनुमति देता है। - DA.
क्यों हैं "एमएम [...] अच्छा है अगर आप स्क्रैच से शुरू कर सकते हैं और बेस फ़ॉन्ट आकार का उपयोग करना चाहते हैं और उससे संबंधित सबकुछ बनाना चाहते हैं।"? आरएक्स से अधिक (आर) एम का क्या फायदा है? क्या ऐसा है कि आईई उपयोगकर्ता पाठ का आकार बदल सकते हैं, या क्या पीएक्स पर अन्य फायदे हैं (जो अधिक सरल लगता है)?
ईएम और आरईएम का एक ही लाभ है: आप HTML या बॉडी को एक विशिष्ट फ़ॉन्ट आकार (10px कहें) पर सेट कर सकते हैं और फिर बाकी सब कुछ ईएम या आरईएम के रूप में सेट कर सकते हैं। इस तरह, यदि आप सभी प्रकार को आनुपातिक रूप से बड़ा बनाना चाहते हैं, तो आप केवल उस प्रारंभिक 10px शैली को 11px में बदल दें। यह 5 साल पहले अधिक उपयोगी था जब हम सभी अपने स्वयं के कस्टम जेएस आधारित फ़ॉन्ट आकार बदलने वाले विजेट बना रहे थे। इन दिनों, ब्राउज़र ज़ूमिंग (विशेष रूप से मोबाइल) पर इतना बेहतर काम करते हैं कि मुझे यह लाभ बहुत कम लगता है। यदि आपको पीएक्स सरल लगता है, तो यह आपके लिए फायदेमंद है और निश्चित रूप से पीएक्स के साथ जाने का एक वैध कारण है। - DA.


एम फॉर फोंट के लिए आगे बढ़ने का तरीका नहीं है, लेकिन आप उन्हें बॉक्स, लाइन मोटाई और अन्य सामानों के साथ भी इस्तेमाल कर सकते हैं, क्यों?

बस एमएम केवल एकमात्र हैं जो ज़ूमिंग के लिए ब्राउज़र में alt + और alt-keys के साथ एकजुट हो जाते हैं।

अन्य माप पैमाने, लेकिन एक एम के रूप में स्पष्ट रूप से नहीं।

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


-4
2017-08-03 16:07



लेकिन ज्यादातर ब्राउज़र आजकल सभी पेज तत्वों को ज़ूम करते हैं (जब तक कि आप मूल फ़ॉन्ट आकार को समायोजित नहीं करते), ताकि (आर) एम का उपयोग करने का लाभ आधुनिक ब्राउज़र के लिए सही नहीं है?
यह है और यह नहीं है, जबकि आप जो कहते हैं उसमें आपका सही है, यह स्केलिंग डेल्टा के विपरीत स्केलिंग कारक के बारे में अधिक है। डेल्टा हमेशा माप के माप के बावजूद समान होगा, लेकिन स्केल फैक्टर (गणित प्रदान करने के लिए सही तरीके से किया जाता है) एक मानक मॉनिटर बनाम वाइडस्क्रीन मॉनीटर या आयताकार पिक्सेल बनाम स्क्वायर पिक्सल के लिए आवश्यकतानुसार समायोजित करेगा। चूंकि रीम्स वास्तव में प्रिंटर के वास्तविक माप पर आधारित होते हैं तो स्केलिंग हमेशा एक अच्छा फिट होगा, अन्य (जैसे%) अक्सर डेल्टा ऑफसेट पर सबसे अच्छे होते हैं - shawty
(cont) गुणा के साथ दोनों दिशाओं में लागू होता है, और नतीजतन कुछ मामलों में एक बुरी तरह से असमान देखने के अनुपात दे सकते हैं। - shawty
"बस एमएम केवल एकमात्र हैं जो ज़ूमिंग के लिए ब्राउज़र में alt + और alt-keys के साथ एकजुट हो जाते हैं।" = वह गलत है। - DA.
ठीक है तो मैं इसे बेहतर कह सकता था, सुधार के लिए मेरी पिछली टिप्पणी देखें। - shawty