title: Make svg scale to full screen size
body: <p>Im trying to scale a svg to the full size of the browser window.
  The svg object is inside a div with both height and width set to 100%
  I have tried playing with the viewBox inside the svg to no avail.</p>
  
  <p>The screen Im using has a 1080p res.</p>
  
  <pre><code>    &lt;div style="width:100%; height: 100%;"&gt;
        &lt;object id="map" type="image/svg+xml" data="worldHigh.svg"&gt;Your browser does not support SVG&lt;/object&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>viewBox="0 0 1920 1000"</p>
  
  <p>With these settings the svg displays with its normal size and does not scale to the size of the window.</p>
  
  <p>When I set the width and height in the svg I can get it to the size of the display yet then the coordinates of the paths is wrong and sending a div to that spot is not where it should be.</p>