title: Proportional Scaling of Complex SVG Graphic HTML/CCS
body: <p>I need to have a complex graphic scale to 100% of the width of its container. </p>
  
  <p>Here's my progress so far:
  <a href="http://jsfiddle.net/yT9YK/1/" rel="nofollow noreferrer">http://jsfiddle.net/yT9YK/1/</a></p>
  
  <pre><code>&lt;svg
      xmlns="http://www.w3.org/2000/svg"
      width="100%"
      height="100%"
      viewBox="0 0 100 100"
      preserveAspectRatio="xMinYMin"&gt;
  </code></pre>
  
  <p>I've tried various settings for preserveAspectRatio and an example I reference (here: <a href="https://stackoverflow.com/questions/8919076/how-to-make-a-svg-element-expand-or-contract-to-its-parent-container">How to make a &lt;svg&gt; element expand or contract to its parent container?</a>) has the viewBox set to "0 0 1 1" which doesn't work with my example.</p>
  
  <p>Thanks!</p>