Question

首先，我为我的英语道歉。如果编辑修复了我的错误，我很高兴。

这里是我的div和内容。

<div data-x="182" data-y="201" class="resize-drag" contenteditable="true" id="text-giris2"  style="width: 115px; height: 153px; transform: translate(182px, 201px); position: absolute; text-align: left; overflow: hidden; border: 1px solid black;">
    <u style="font-size: 15px;">asd</u>
    as a<b>sd</b>
    <span>a<span style="color: red; font-size: 18px;">s a</span>sdas a
    <span><span style="font-size: 18px;">sdasd 
    <span style="font-size: 26px;">addddddd</span></span></span></span>
    </div>

我想使用唯一名称＆＃34; text-input2＆＃34;动态更改div元素中所有字体大小的大小。但是它会发生什么并不清楚。如上所述，，，等标签可能类似。我想占用我想要做的所有字体大小的2倍。例如，我希望在之后   @available(swift, deprecated: 3.0, obsoleted: 4.0, message: "Mixed-type subtraction is deprecated. Please use explicit type conversion.") public func -<T>(lhs: T, rhs: T) -> T.Stride where T : SignedInteger T == Int64可以仅使用CSS完成这样的事情吗？如果不可能，我将尝试使用Javascript，但我不知道从哪里开始。我在等你的帮忙。谢谢。

Answer 1

我在下面提供的代码将循环遍历div中包含id为text-giris2的所有元素。在每次迭代中，它将采用当前字体大小并加倍。

$('#text-giris2').children().css('font-size', function(i, current){
    return parseFloat(current) * 2;
});

示例

$('#container').children().css('font-size', function(i, current){
    console.log('New font size for ' + $(this).text() + ' is ' + parseFloat(current) * 2);
    return parseFloat(current) * 2;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="container">
    <span style="font-size: 5px;">Hello</span>
    <p style="font-size: 7px;">World</p>
    <span>Foobar</span>
</div>

如何更改div中的所有字体大小？

1 个答案: