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

使用wildcard all selector :

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

jsFiddle example