7

मैं वर्तमान में एक साइट विकसित करने पर काम कर रहा हूं, और मुझे यह पता नहीं लगाया जा सकता है कि क्रोम में आईई 10 में टेक्स्ट बड़ा क्यों प्रदर्शित होता है। (मैंने यह सुनिश्चित कर लिया है कि दोनों ब्राउज़र 100% ज़ूम पर सेट हैं - और नहीं, कम नहीं।)क्रोम की तुलना में आईई 10 में "फ़ॉन्ट आकार: 1em" बड़ा क्यों है?

मुझे अपने सीएसएस में रीसेट हो गया है: body { font-size: 1em; }। क्रोम (v27.0.1453.116 मीटर) में, यह अपेक्षित रूप से प्रदर्शित होता है - यदि मैं उस नियम को सीएसएस में font-size: 100%; या font-size: 16px; पर बदलता हूं, तो कुछ भी स्पष्ट रूप से बदलता नहीं है। यह मेरे लिए इंगित करता है कि क्रोम में, 1em = 16px। लेकिन आनुपातिक फ़ॉन्ट आकार (em और %) आईई में बहुत बड़ा प्रदर्शन करता है, जो 1em = 21px प्रतीत होता है।

मैं दो छवियों अंतर जब body { font-size: 1em; } दिखाने के लिए है, लेकिन जब से मैं अभी तक 10 प्रतिष्ठा नहीं है, मैं पूरी यूआरएल पोस्ट नहीं कर सकते। वे, imgur पर होस्ट कर रहे हैं, हालांकि, और उनके फ़ाइल नाम इस प्रकार हैं:

  • क्रोम में font-size: 1em;:

enter image description here

  • font-size: 1em; IE10 में:

enter image description here

अगर मैं font-sizepx का उपयोग कर सेट करता हूं, तो मुझे लगातार परिणाम मिलते हैं - क्रोम और आईई 10 दोनों लगातार प्रदर्शित होंगे। लेकिन फ़ॉन्ट आकार के लिए px का उपयोग करके मुझे इन दिनों कम से कम पसंदीदा अभ्यास के रूप में हमला करता है।

आप एचटीएमएल और सीएसएस को this jsFiddle I made में देख सकते हैं। मैंने सभी सीएसएस को शामिल किया, जो शायद थोड़ा अनावश्यक हो सकता है, लेकिन मैंने सोचा कि यह कम से कम अधिक संदर्भ प्रदान करना बेहतर होगा।

किसी को भी मुझे यह पता लगाने क्यों IE10 के क्रोम की तुलना में 1em बड़ा प्रदर्शित मदद कर सकते हैं, और मैं इसके बारे में क्या कर सकता है?

धन्यवाद एक गुच्छा।

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

+2

यह ब्राउज़र डिफ़ॉल्ट फ़ॉन्ट आकार है। – SLaks

+0

मुझे पूरा यकीन है कि यह हो रहा है क्योंकि संबंधित एचटीएमएल प्रतिपादन इंजन उस अंतर को थोड़ा अंतर तरीके से प्रस्तुत कर रहे हैं, मुझे यकीन नहीं है कि इसके बारे में क्या किया जा सकता है। – usumoio

+2

ओह बग्जर, मेरे पास आईई ज़ूम 100% पर सेट था, लेकिन जाहिर है, आईई में "टेक्स्ट साइज" विकल्प भी है जो "सबसे बड़ा" पर सेट किया गया था। जब "मध्यम" पर सेट किया जाता है, तो यह इच्छित के रूप में प्रदर्शित होता है। ठीक है, यह अविश्वसनीय रूप से अप्रिय और शर्मनाक है। – SpencerDub

उत्तर

13

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

आईई 10 में "व्यू" मेनू के तहत दो सेटिंग्स हैं, जो प्रदर्शित होने के आकार को बदलती हैं। मैं सुनिश्चित करता हूं कि "ज़ूम" सेटिंग 100% पर सेट की गई थी, लेकिन "टेक्स्ट आकार" सेटिंग को पूरी तरह अनदेखा कर दिया गया था, जिसे "सबसे बड़ा" पर सेट किया गया था। इसे "मध्यम" पर सेट करने से मेरी समस्या ठीक हो गई, और इसे आईई और क्रोम दोनों ने समान रूप से प्रदर्शित किया।

+2

गलती करने के लिए मानव है, और विशेष रूप से मूर्ख नहीं है। आप अपना जवाब स्वीकार कर सकते हैं, जो सही लगता है, भले ही सवाल थोड़ा उलझन में था। समस्या वास्तव में आपके कोड में फ़ॉन्ट आकार सेटिंग्स के साथ कुछ भी नहीं था। –

2

पिक्सेल में एम का आकार फ़ॉन्ट प्रकार & आकार का उपयोग कर रहा है, जो आप उपयोग कर रहे हैं, आपकी स्क्रीन का संकल्प (ओएस, ब्राउज़र के आधार पर), और संभवतः आगे ओएस और ब्राउज़र सेटिंग्स - जैसे "फोंट +10 दिखाएं % "एम मान बदल सकता है।

इस post में Rudu के अनुसार।

संबंधित मुद्दे