2013-04-07 9 views
7

मैं em के साथ फ़ॉन्ट आकार सेट करना चाहता हूं, px नहीं। यहाँ मेरी कोड है:फ़ॉन्ट का आकार क्यों नहीं बदलता है?

<style type="text/css"> 
body{ 
    font-size: 62.5%; 
} 

div{ 
    font-size: 1.2em; 
} 
</style> 

<body> 
<div>hello world</div> 
</body> 

मैं 12px होने की div फ़ॉन्ट आकार सेट करना चाहते हैं, लेकिन यह छोटा सा की तुलना में मैं उम्मीद लग रहा है, मैं क्रोम ब्राउज़र उपकरणों के साथ div शैली को निष्क्रिय है, यह किसी भी परिवर्तन के लिए नहीं लगती है। div फ़ॉन्ट आकार 12px बनाने के लिए मुझे और कैसे करना चाहिए? धन्यवाद।

+2

आप की कोशिश की है 'font-size के font-size एक बड़ा प्रतिशत करने के लिए अपने div बनाने के लिए 'सेट करने का प्रयास: 12px'? –

+0

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

+0

@IanY, हाँ, 'गणना की गई शैली' में, यह दिखाता है कि 'div' का फ़ॉन्ट आकार 12px है, thx बहुत अधिक है। – hiway

उत्तर

6

हम्म, मेरे लिए काम करने लगता है: example

हालांकि, क्या आप की बात कर रहा हो सकता है सक्षम/font-size संपत्ति अक्षम करने से थोड़ा परिवर्तन है। ऐसा इसलिए है क्योंकि नेस्टेड तत्वों के लिए em उनके माता-पिता font-size से संबंधित है। आपके उदाहरण में, div के लिए font-size:Xem शरीर के font-size:X% से संबंधित है।

अपने अभी भी कोई परिवर्तन नहीं हो रही हैं, तो अपने body रों फ़ॉन्ट बड़ा

+0

हाँ, आप सही हैं। परिवर्तन बहुत _little_ है, जब मैं 'div' को बड़े आकार में बदलता हूं, तो यह स्पष्ट रूप से पता लगाया जा सकता है। – hiway

+0

हाहा हाँ, कुछ महीने पहले मुझे एक ही समस्या थी। मैं खुशी से मदद कर सकता है :) –

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