Scale PDF to fit iFrame

html css pdf zoom scale
Luuxter picture Luuxter · Feb 19, 2017 · Viewed 22.7k times · Source

I need to scale a PDF file to fit the iFrame. It needs to be responsive, so the PDF should scale with the device width so that the PDF document displays a complete page.

If there is a free plugin or a function in Bootstrap to make this happen, I would be happy to hear about it.

Thanks in advance!

Answer

user7582130 picture user7582130 · Feb 19, 2017

If you are asking how you can resize the PDF to fit the Iframe.

This following code may help:

<iframe src="name.pdf#zoom=50" height="100%" width="100%"></iframe>

By adding the #zoom=50 it will show the PDF with zoom in the iframe as default. (This can be edited to any number you want)

Related questions

Convert HTML + CSS to PDF

I have an HTML (not XHTML) document that renders fine in Firefox 3 and IE 7. It uses fairly basic CSS to style it and renders fine in HTML. I'm now after a way of converting it to PDF. I have tried: …

Read More
How to embed PDF file with responsive width

I'm embedding pdf files using something like 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?#…

Read More
Open Source HTML to PDF Renderer with Full CSS Support

I asked about getting iTextSharp to render a PDF from HTML and a CSS sheet before here but it seems like that may not be possible... So I guess I will have to try something else. Is there an open …

Read More