gpt4 book ai didi

javascript - 如何使用javascript增加和重置html的字体大小?

转载 作者:行者123 更新时间:2023-11-28 03:55:13 25 4
gpt4 key购买 nike

我使用以下代码来增加和重置 HTML 的字体大小。但无法增加字体大小。我想增加 HTML 页面整个正文部分的字体大小。以下代码我用来增加字体大小页面的。

<script type="text/javascript">
$(document).ready(function(){
// Reset Font Size
var originalFontSize = $('html').css('font-size');
//console.log(originalFontSize);

$(".resetFont").click(function(){
$('html').css('font-size', originalFontSize);
});

// Increase Font Size
$(".increaseFont").click(function(){
var currentFontSize = $('html').css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*1.2;

$('html').css('font-size', newFontSize);
return false;
});
});

</script>

在 HTML 页面中我使用了以下内容

<a href="#" class="resetFont">RESET Font</a>
<a href="#" class="increaseFont">INCREASE FONT</a>

请帮助我...

提前致谢

最佳答案

您仅将字体大小设置为 <html> .我想问题是,需要增加字体大小的实际文本应用了在 pixel 中具有字体大小定义的内联样式或 css 类.这样它的大小就不会增加。尝试将字体大小设置为文本的实际 html 元素或在 em 中设置字体大小对于文档中的所有元素,排除 "<html>" .

然后您可以使用您的 javascript 让它工作。

关于javascript - 如何使用javascript增加和重置html的字体大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11498540/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com