2つのボタンを使用してページテキストを拡大/縮小します

Question

問題をオンラインで解決するために努力しました。私は2つのボタン、+ともう1つは-というサインを持っています。キーを押されている - & がCTRLをエミュレートするために、ボタン - 私はを押したとき & +のキーが押されCTRLをエミュレートするために、+ボタンを押すと、ときにユーザーを許可したいと思います。

ご協力いただきありがとうございました。ありがとうございました。

Answer 1

私はこの質問を完全に理解していますが、過去にこれを成功に使用しました。それをチェックアウト：http://jaukia.github.io/zoomooz/

Answer 2

$(function() { 
 
    
 
    var step = 0.2; 
 

 
    $('.larger').click(function() { 
 
    $('body *').each(function() { 
 
     var actualSize = parseInt($(this).css('font-size'), 10); 
 
     var newSize = actualSize/10 + step; 
 
     $(this).css('font-size', newSize+'rem'); 
 
    }); 
 
    }); 
 
    
 
    $('.smaller').click(function() { 
 
    $('body *').each(function() { 
 
     var actualSize = parseInt($(this).css('font-size'), 10); 
 
     var newSize = actualSize/10 - step; 
 
     $(this).css('font-size', newSize+'rem'); 
 
    }); 
 
    }); 
 
    
 
});

html { 
 
    font-size: 62.5%; 
 
} 
 
body { 
 
    font-size: 1.6rem; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button class="larger">+</button> 
 
<button class="smaller">-</button> 
 
<h1>TEST</h1> 
 
<p> 
 
    lorem ipsum 
 
</p>