0

Webサーバーでフォントサイズの増加/減少/リセットオプションを設定しようとしていますが、機能していないようです。すべての要素のサイズを変更したい（つまり、ヘッダー、ボタン、モーダルウィンドウなど）

これはこれまでの私のコードです。ここに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;
 });
4

2 に答える 2

1

それ以外の：

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

ワイルドカード all セレクターを使用します。

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

jsFiddle の例

于 2013-03-18T17:23:00.510 に答える
0

これを使用して、各要素のすべてのフォントサイズを小さくします

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));
    });
});
于 2014-01-21T01:58:36.183 に答える