JSFiddle - React, Tailwind, and code Playground
HTML
<td class="postcell"> <div> <div class="post-text" itemprop="description"> <p>After finishing a website design for a client, I realized that everything was kind of small. After experimenting with the browser zoom, I found that zooming in 10% fixed a lot! The problem is, I can't figure out how to resize EVERYTHING (div sizes, image sizes, text sizes, etc.) to 110%.</p> <p>Any ideas are appreciated. I would prefer to do this all in CSS.</p> </div> <div class="post-taglist"> <a href="/questions/tagged/css" class="post-tag" title="show questions tagged 'css'" rel="tag">css</a> <a href="/questions/tagged/zoom" class="post-tag" title="show questions tagged 'zoom'" rel="tag">zoom</a> </div> <table class="fw"> <tr> <td class="vt"> <div class="post-menu"><a href="/q/10465476/398242" title="short permalink to this question" id="link-post-10465476">link</a><span class="lsep">|</span><a href="/posts/10465476/edit" class="edit-post" title="revise and improve this post">edit</a><span class="lsep">|</span><a id="close-question-10465476" href="#" title="vote to close or reopen question; when closed, no new answers can be added">close</a><span class="lsep">|</span><a id="flag-post-10465476" href="#" title="flag this post for serious problems or moderator attention">flag</a></div> </td> <td class="post-signature owner"> <div class="user-info user-hover"><div class="user-action-time">asked <span title="2012-05-05 19:58:34Z" class="relativetime">16 mins ago</span></div><div class="user-gravatar32"><a href="/users/595437/dade-lamkins"><div class=""><img src="http://www.gravatar.com/avatar/c2db74cb37d24d2d158d01044f327396?s=32&d=identicon&r=PG" alt="" width="32" height="32"></div></a></div><div class="user-details"><a href="/users/595437/dade-lamkins">Dade Lamkins</a><br><span class="reputation-score" title="reputation score" dir="ltr">1,966</span><span title="4 gold badges"><span...
CSS
body{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
transform:scale(1.1);
}