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

我使用以下代码来增加和重置 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/