2014-09-21 11 views
5

मैं कई मेरी एससीएसएस फ़ाइल में बढ़ रहा है:एसएएसएस में अपने माता-पिता के माध्यम से फ़ॉन्ट आकार की गणना कैसे करें?

<h1>Heading <span>Secondary text</span></h1> 
<h2>Heading <span>Secondary text</span></h2> 
<h3>Heading <span>Secondary text</span></h3> 

मैं स्पैन की font-size गणना करने के लिए करना चाहते हैं:

h1{font-size:18px} 
h2{font-size:16px} 
h3{font-size:12px} 

और मेरी मेरी index.html में मैं इस मिल गया है टैग, लेट्स कहते हैं .. फ़ॉन्ट आकार बराबर शून्य 2px शीर्षक में है जिसमें उसे शामिल है?

+0

क्या आप पैरेंट डीआईवी टैग के आधार पर स्पैन टैग के अंदर फ़ॉन्ट आकार के आकार को समायोजित करने की कोशिश कर रहे हैं? उत्तरदायी डिजाइन के लिए पसंद है? –

उत्तर

5

आपको इसके लिए SASS की आवश्यकता नहीं है। बस कैल्क का उपयोग करें। कुछ ऐसा:

.h3 span { 
    font-size: calc(100% - 2px); 
} 
संबंधित मुद्दे