title: SVG image scale? For mobile applicatios
body: <p>I read a lot of resources, but I can't seem to get SVG images to fit in the browser window.</p>
  
  <p>I was told that if I have to use images in Mobile applications that fit in the modern mobile browsers, I have to use SVG images in html5 pages.</p>
  
  <p>I can't seem to get the SVG image to work! 
  I'm saving it from illustrator, then embedding in html5 page with 100% width div.</p>
  
  <p>What's the best method for doing this?
  Thanks for any help..</p>
  
  <p>By the way, i'm using Jquery mobile/HTML5/CSS3</p>
  
  <pre><code>&lt;embed src="header.svg" type="image/svg+xml" codebase="http://www.adobe.com/svg/viewer/install" /&gt;
  </code></pre>
  
  <p>How should i specify a certain width and height in "viewBox" when i want it to fit to the device size? i dont have a specific size</p>
  
  <pre><code> &lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --&gt;
  &lt;!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd"&gt;
  &lt;svg version="1.1" baseProfile="basic" id="Layer_1"
       xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="253px" height="60px" viewBox="0 0 253 60" xml:space="preserve"&gt;
  &lt;g&gt;
      &lt;g&gt;
          &lt;defs&gt;............
  </code></pre>