通過兩個按鈕放大/縮小頁面文本

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>