title: How does Safari calculate size of svg objects?
body: <p>How does Safari determine what size to output an svg in the following scenario;</p>
  
  <p>SVG code</p>
  
  <pre><code> viewBox 0 0 800 800
   height 100%
   width 100%
  </code></pre>
  
  <p>css</p>
  
  <pre><code> svg width 100%
   containing div width 60%
  </code></pre>
  
  <p>Safari outputs a much smaller svg than the 60% of screen, ok this is a bug. But what determines the size of this smaller svg, it has no connection to anything I can think of. </p>
  
  <p>Just to give some background info. Safari needs both width and height in px for it to do what you want. % don-t work. But it does output the svg, and so it must make a decision somewhere about its size.</p>