title: SVG viewbox height issue on ios Safari
body: <p>I have noticed a strange thing on ios when using svg. The svgs seem to work fine in all other browsers, but on Safari ipad/iphone the viewbox has some weird space at the top and bottom of the svg. Has anyone else come across this and have you been able to fix it? Using some simple svg code such as:</p>
  
  <pre><code>&lt;svg width="100%" viewBox="0 0 20 10"&gt;
      &lt;polygon fill=red stroke-width=0 points="0,10 20,10 10,0" /&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>On ipad/iphone if I put a border on the svg there strange space above and below the svg...??</p>
  
  <p>fiddle goodness looks normal on desktop but if you look at it on an ipad etc you'll see the issues.</p>
  
  <p><a href="http://jsfiddle.net/InVAMPED/hck5gg1a/" rel="noreferrer">http://jsfiddle.net/InVAMPED/hck5gg1a/</a></p>