क्या बाहरी स्टाइल शीट में निर्दिष्ट मूल मान के लिए अपेक्षाकृत फ़ॉन्ट-आकार (या कोई अन्य सीएसएस मान) इनलाइन समायोजित करना संभव है? जैसे कि पहेली में पहला पैराग्राफ वास्तव में 3em * 110% = 3.3em होगा, न कि 1.1em जैसा यह अभी है।

p.a {
  font-size: 3em;
}
<p class="a" style="font-size: 110%">
  adjusted text
</p>
<p class="a">
  normal text
</p>
0
M. Volf 8 जिंदा 2020, 21:34

1 उत्तर

सबसे बढ़िया उत्तर

फ़ॉन्ट आकार को गुणा करने के लिए एक विकल्प कैल्क का उपयोग कर रहा है:

p.a {
  font-size: 3em;
}
<p class="a" style="font-size: calc(110% * 3)">
  adjusted text
</p>
<p class="a">
  normal text
</p>

दूसरा विकल्प गुणक के रूप में सामान्य मूल तत्व के एम फ़ॉन्ट आकार मान का उपयोग करना है और बच्चों के तत्वों के एम फ़ॉन्ट आकार मान सेट करना है जैसे कि 1em = 100% तो 1.1em 110% के बराबर होगा:

.parent {
  font-size: 3em;
}

p.a {
  font-size: 1em;
}
<div class="parent">
  <p class="a" style="font-size: 1.1em">
    adjusted text
  </p>
  <p class="a">
    normal text
  </p>
</div>
1
Kevin Reamer 8 जिंदा 2020, 18:47