title: SVG shows content outside of viewBox when it fills whole browser window
body: <p>I want to have an inline SVG fill the whole width of the browser window. The SVG has some content outside of the viewBox. This is the SVG file: <a href="http://pastebin.com/F5irDNai" rel="nofollow noreferrer">http://pastebin.com/F5irDNai</a></p>
  
  <p>What happens when I set the width to 100% is that the content outside of the viewBox gets visible:</p>
  
  <pre><code>svg {
    width: 100%;
  }
  </code></pre>
  
  <p>See this jsfiddle: <a href="https://jsfiddle.net/3w2hy8kv/1/" rel="nofollow noreferrer">https://jsfiddle.net/3w2hy8kv/1/</a>
  The red rectangle is the viewBox boundary.</p>
  
  <p>What I want is to have the viewBox of the SVG fill whole browser window horizontally without the content outside of the viewBox appearing. Is that possible?</p>