title: How to make a PDF inside object tag responsive?
body: <p>I am trying to make my website responsive, and I have a PDF viewer in object tags in the body simply like this:</p>
  
  <pre><code>&lt;object width="950" height="800" data="images/ah.pdf"&gt;&lt;/object&gt;
  </code></pre>
  
  <p>Since the width and height are defined, I changed it to:</p>
  
  <pre><code>&lt;div id="custom"&gt;
  &lt;object data="images/ah.pdf"&gt;&lt;/object&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and then adjusted the div in the css portion using percentages. My problem is that the whole PDF viewer does not show, and instead is a small box that has scroll bars on the sides, so you have to scroll left right and top bottom. Is there any way I can get it to adjust the PDF size according to the window size instead of just adjusting the PDF viewer alone? I hope this makes sense as clear as possible. Thank you!</p>