रहे हैं कई लेख और सवालों के बारे में प्रतिशत के आकार बनाम अन्य आकार फोंट। हालाँकि, मुझे यह पता नहीं चल पाया है कि प्रतिशत-मूल्य का संदर्भ क्या माना जाता है। मैं समझता हूं कि यह 'सभी ब्राउज़रों में समान आकार' है। मैंने यह भी पढ़ा है, उदाहरण के लिए:
प्रतिशत (%): प्रतिशत इकाई बहुत कुछ "एम" इकाई की तरह है, कुछ मूलभूत अंतरों के लिए बचाएं। सबसे पहले और सबसे महत्वपूर्ण, वर्तमान फ़ॉन्ट-आकार 100% (यानी 12pt = 100%) के बराबर है। प्रतिशत इकाई का उपयोग करते समय, आपका पाठ मोबाइल उपकरणों और पहुँच के लिए पूरी तरह से स्केलेबल रहता है।
स्रोत: http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/
लेकिन अगर आप कहते हैं "यानी 12 पीटी = 100%", तो इसका मतलब है कि आपको पहले परिभाषित करना होगा font-size: 12pt। क्या यह ऐसे ही कार्य करता है? आप पहले एक निरपेक्ष माप में एक आकार को परिभाषित करते हैं, और फिर इसे '100%' के रूप में संदर्भित करते हैं? बहुत समझदारी नहीं है, क्योंकि कई नमूने कहते हैं कि यह उपयोगी है:
body {
font-size: 100%;
}
तो ऐसा करके, क्या के लिए फ़ॉन्ट आकार रिश्तेदार है? मैंने देखा कि मेरी स्क्रीन पर जो आकार मुझे दिखाई दे रहा है, वह हर फॉन्ट के लिए अलग है। मिसाल के तौर पर एरियल, टाइम्स न्यू रोमन से बड़ी हैं। इसके अलावा, अगर मैं सिर्फ यह करना होगा, शरीर के आकार = 100%, होगा कि इसका मतलब है कि यह सभी ब्राउज़रों पर एक ही हो जाएगा? या केवल अगर मैं पहली बार एक निरपेक्ष मूल्य को परिभाषित करता हूं?
अद्यतन, सैट JUL 23
मैं वहां पहुंच रहा हूं, लेकिन कृपया मेरे साथ सहन करें।
इसलिए, यदि मैं सही तरीके से समझूं तो% मान डिफ़ॉल्ट ब्राउज़र फ़ॉन्ट आकार से संबंधित है। खैर, यह अच्छा है, लेकिन मुझे फिर से कई अन्य प्रश्न हैं:
- क्या यह मानक आकार हमेशा हर ब्राउज़र संस्करण के लिए समान होता है, या क्या वे संस्करणों के बीच भिन्न होते हैं?
- मैं ! पाया गया (नीचे दी गई छवि देखें) Google क्रोम के लिए सेटिंग्स (पहले कभी इस पर ध्यान नहीं दिया!), और मुझे मानक "सेरिफ़", "सेन्स-सेरिफ़" और "मोनोस्पेस" सेटिंग्स दिखाई देती हैं। लेकिन मैं अन्य फोंट के लिए इसकी व्याख्या कैसे करूं? कहो मैं परिभाषित करता हूं
font: 100% Georgia;, ब्राउज़र किस आकार को लेगा? क्या यह सेरिफ़ के लिए मानक आकार को देखेगा, या ब्राउज़र के लिए "जॉर्जिया" फ़ॉन्ट का मानक आकार होगा - कई वेबसाइटों पर मैंने जैसी चीजें पढ़ी हैं
Sizing text and line-height in ems, with a percentage specified on the body [..], was shown to provide **accurate, resizable text across all browsers** in common use today। लेकिन अब जो मैं सीख रहा हूं उससे मुझे विश्वास है कि आपको वास्तव में या तो resizable टेक्स्ट (% या em का उपयोग करके, जैसे कि वे इस उद्धरण में क्या सलाह देते हैं) के बीच चयन करना चाहिए, या 'ब्राउज़र के पार सटीक, सुसंगत फ़ॉन्ट-आकार' (px या का उपयोग करके) आधार के रूप में पीटी)। क्या ये सही है?
Google सेटिंग:
यह है कि मुझे लगता है कि अगर आप पूर्ण मूल्यों में आकार को परिभाषित नहीं करते हैं तो चीजें ऐसी दिख सकती हैं।
