title: How to embed PDF file with responsive width
body: <p>I'm embedding pdf files using something like this:</p>
  
  <pre><code>&lt;div class="graph-outline"&gt;
      &lt;object style="width:100%;" data="path/to/file.pdf?#zoom=85&amp;scrollbar=0&amp;toolbar=0&amp;navpanes=0" type="application/pdf"&gt;
      &lt;embed src="path/to/file.pdf?#zoom=85&amp;scrollbar=0&amp;toolbar=0&amp;navpanes=0" type="application/pdf" /&gt;
      &lt;/object&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It works but I want to set the pdf width to match the width of the containing div. Currently it shows up like an iframe with scrollbars, so to view the entire pdf, you have to scroll right to left. I want the pdf to fit the width of the container.</p>
  
  <p>How do I fix this? I'm supporting IE8 and up.</p>
  
  <p>Here is a jsfiddle: <a href="http://jsfiddle.net/s_d_p/KTkcj/" rel="noreferrer">http://jsfiddle.net/s_d_p/KTkcj/</a></p>