通过两个按钮放大/缩小页面文本

Question

我试图找到一个解决方案在线解决我的问题。我有两个按钮，一个是+标志，另一个是-标志。我想当按下+按钮，以模拟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>