title: embedding pdf file within html with 100% width and height?
body: <p>I'm trying to embed a pdf document in html code, and I tried three different approaches, which actually gave me the same result:</p>
  
  <pre><code>&lt;embed src="files/cv_aaragon_en.pdf" width="100%" height="100%"&gt;
  
  &lt;object data="files/cv_aaragon_en.pdf" type="application/pdf" width="100%" height="100%"&gt;
    &lt;p&gt;It appears you don't have a PDF plugin for this browser.
       No problem, you can still &lt;a href="files/cv_aaragon_en.pdf"&gt;download the PDF file.&lt;/a&gt;&lt;/p&gt;
  &lt;/object&gt;
  
  &lt;iframe src="files/cv_aaragon_en.pdf" width="100%" height="100%"&gt;
  </code></pre>
  
  <p>shown in the figure:</p>
  
  <p><img src="https://i.stack.imgur.com/jCEqT.png" alt="enter image description here"></p>
  
  <p>Now I have the following questions:</p>
  
  <ol>
  <li>The frames do not use the entire width of the page (which I believe is normal), because there is a lot of white space to both sides of the gray areas. This doesn't bother me.</li>
  <li>If the definition is set to width="100%", why is it not taking the full width? Why are there gray regions? This bothers me because the pdf should be larger so that it becomes readable.</li>
  <li>I could change the width, but I don't want to hard code its value so that the page looks good regardless of the device. Is there a way to obtain the actual width and put it in that width definition?</li>
  <li>The same with the height, I need it to be much larger, but I don't want to hard-code its value. How is this done?</li>
  <li>And finally, given the three approaches above, which one is the best in terms of loading speed?</li>
  </ol>
  
  <p>Thank you.</p>