是否可以使用 JavaScript 或 CSS 将一个元素的字体大小设置为另一个元素字体大小的倍数?
例如,如果我有
.root {
font-size: 10pt;
}
我想让另一个元素的 font-size 成为它的倍数,这样它就可以像
.leaf {
font-size: font-size-of-.root * 2.5;
}
我已经尝试过这个:
$(document).ready(function() {
//var leaf = document.getElementsByClassName("leaf")[0];
$('.leaf').css({
"font-size": function() {
return $(".root").css('font-size') * 2.5;
}
});
});
但它没有相应地设置字体大小。
最佳答案
使用 css()
方法获取元素的字体大小,并将其与您想要的因子相乘:
$('.big').css('font-size', parseInt($('.small').css('font-size')) * 2.5 + 'px');
.small { font-size:10px }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span class="small">Small font</span>
<span class="big">Big font</span>
关于javascript - 使用 JavaScript 将元素的字体大小设置为另一个元素的字体大小的倍数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35146984/