<p dir="auto">Here's the example:<br>
<a href="http://imgur.com/j53FLmE" rel="nofollow">http://imgur.com/j53FLmE</a></p>
<p dir="auto">So I applied (e.g.):</p>
<div class="highlight highlight-source-css notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="transform: scale(0.5);"><pre class="notranslate"><span class="pl-c1">transform</span><span class="pl-kos">:</span> <span class="pl-en">scale</span>(<span class="pl-c1">0.5</span>);</pre></div>
<p dir="auto">The element scales propertly, but its content inside as you can see the body is the dotted outline of the document inside that webview.</p>
<p dir="auto">The project:<br>
<a href="https://github.com/rokyed/cocoChanelJS">https://github.com/rokyed/cocoChanelJS</a></p>
<p dir="auto">If more information needed, I will provide anything I will be asked concerning this project.</p>
<p dir="auto">Thanks for the answers.</p>
<ul dir="auto">
<li>Electron version: 0.36.10</li>
<li>Operating system: Linux Mint</li>
</ul>
<ul dir="auto">
<li>Electron version: 0.36.8</li>
<li>Operating system: OS X 10.11.2</li>
</ul>
<p dir="auto">Origin webview:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/8194131/13200044/b512c94a-d873-11e5-9e77-bd9891b629a0.png"><img src="https://cloud.githubusercontent.com/assets/8194131/13200044/b512c94a-d873-11e5-9e77-bd9891b629a0.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">Add transform: scale(0.3) to it:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/8194131/13200054/e1c16c9e-d873-11e5-9a99-12c0da85b0db.png"><img src="https://cloud.githubusercontent.com/assets/8194131/13200054/e1c16c9e-d873-11e5-9a99-12c0da85b0db.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">The content of webview is scaled to 0.3*0.3 = 0.09 of the origin size.</p>
<p dir="auto">Add transform: scale(0.5) to it:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/8194131/13200068/fd4d5a86-d873-11e5-8ab2-4007b22371a3.png"><img src="https://cloud.githubusercontent.com/assets/8194131/13200068/fd4d5a86-d873-11e5-8ab2-4007b22371a3.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">The content of webview is scaled to 0.5*0.5 = 0.25 of the origin size.</p>