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

Question

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

到目前为止，这是我的代码，我在这里包含了一个 jsfiddle：http: //jsfiddle.net/R3NGU/3/

 var originalFontSize = $('.page').css('font-size');

 // reset font size

 $(".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;
 });

 // decrease font size

 $(".decreaseFont").click(function () {
     var currentFontSize = $('html').css('font-size');
     var currentFontSizeNum = parseFloat(currentFontSize, 10);
     var newFontSize = currentFontSizeNum * 0.8;
     $('html').css('font-size', newFontSize);
     return false;
 });

Answer 1

代替：

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

使用通配符所有选择器：

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

jsFiddle 示例

Answer 2

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

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));
    });
});