Increase font size of whole web page on button click event using jquery

Question

I want to increase font size in whole page when user click on increase button. It will be increase on bases of current font size. Following is sample code :

Answer 1

You can simply change font size of the body of whole page in a button click as below. here i changed the font-size in percentage.

$("#sizeUp").click(function() {

        $("body").css("font-size","70%");

 });

If you want to change each element size with some amount in each button click, then follow below coding..

  $('body *').each(function() {
      xsize= parseInt($(this).css('font-size')) + 1;    
        $(this).css('font-size', xsize+2);
  });