html - How to embed PDF file with responsive width -


i'm embedding pdf files using this:

<div class="graph-outline">     <object style="width:100%;" data="path/to/file.pdf?#zoom=85&scrollbar=0&toolbar=0&navpanes=0" type="application/pdf">     <embed src="path/to/file.pdf?#zoom=85&scrollbar=0&toolbar=0&navpanes=0" type="application/pdf" />     </object> </div> 

it works want set pdf width match width of containing div. shows iframe scrollbars, view entire pdf, have scroll right left. want pdf fit width of container.

how fix this? i'm supporting ie8 , up.

here jsfiddle: http://jsfiddle.net/s_d_p/ktkcj/

just simpl :-

 <object data="resume.pdf" type="application/pdf" width="100%" height="800px">    <p>it appears don't have pdf plugin browser.    no biggie... can <a href="resume.pdf">click here   download pdf file.</a></p>    </object>  </div> 

Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -