Jquery 增加/减少/重置字体大小不起作用

我正在尝试在我的web服务器上设置一个增加/减少/重置字体大小选项，但它似乎不起作用。我希望调整所有元素的大小（即标题、按钮、模式窗口等）

这是到目前为止我的代码，我在这里包括了一个JSFIDLE：

而不是：

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

使用：

---

我使用它来减小每个元素的所有字体大小

jQuery('body').each(function(index) {
    jQuery(this).find('*').each(function() {

    var cur_size =  jQuery(this).css('font-size');
   //alert(cur_size);
    cur_size = cur_size.replace("px",""); 
   jQuery(this).css('font-size', (cur_size - 2));
    });
});

---

这是因为您已经为样式表中的其他元素硬编码了字体大小。如果要更改html字体大小，则页面中的所有元素必须使用除像素或点之外的任何度量单位。EM、REM和%是你的例子。如果你在html上定义字体大小，并使用REM作为网站其余部分的度量单位，这会把整个网站搞得一团糟。

$('*').css('font-size', newFontSize);

jQuery('body').each(function(index) {
    jQuery(this).find('*').each(function() {

    var cur_size =  jQuery(this).css('font-size');
   //alert(cur_size);
    cur_size = cur_size.replace("px",""); 
   jQuery(this).css('font-size', (cur_size - 2));
    });
});