title: zooming proportionally to fit inside the container
body: <p><img src="https://i.stack.imgur.com/VbcdF.jpg" alt="enter image description here" /></p>
  <p>I've a <code>#fixed-div</code> and a <code>#resize-div</code> and the dimension is as follows:</p>
  <p><strong>#fixed-div</strong></p>
  <pre><code>=&gt; width :: 550px;
  =&gt; height:: 450px;
  </code></pre>
  <p>and the <strong>#resize-div</strong> is dynamic.</p>
  <p>Now, I want to apply the zoom css for <code>#resize-div</code> to be inside the <code>#fixed-div</code> like in the above picture.</p>
  <p>I'm trying to calculate the zoom value for the <code>#resize-div</code> suppose if I've the following dimension for <code>#resize-div</code>:</p>
  <pre><code>=&gt; width :: 650px;
  =&gt; height:: 1100px;
  </code></pre>
  <p>So, How would you calculate the ratio here. (it took me about 3 days but still couldn't understand how should I do?)</p>
  <p>Please help me on this kindly.</p>