JSFiddle - React, Tailwind, and code Playground

HTML

<h1>This is a test</h1>
<h2>subtitle</h2>

<ul>
    <li><a href="#" id="zoom100">100%</a></li>
    <li><a href="#" id="zoom150">150%</a></li>
    <li><a href="#" id="zoom200">200%</a></li>
</ul>

<table>
    <tr><th>test</th><th>test2</th></tr>
    <tr><td>aaaa</td><td>aaaa</td></tr>
    <tr><td>aaaa</td><td>aaaa</td></tr>
    <tr><td>aaaa</td><td>aaaa</td></tr>
    <tr><td>aaaa</td><td>aaaa</td></tr>
</table>

<p>
<img src="http://placehold.it/350x150"/>
</p>

CSS

th, td { padding: 10px; border: 1px solid black }
table { border: 4px inset #999 }

JavaScript

$('#zoom100').click(function(){
    $('body').css('zoom', '100%');
});
$('#zoom150').click(function(){
    $('body').css('zoom', '150%');
});
$('#zoom200').click(function(){
    $('body').css('zoom', '200%');
});