How to embed pdf within an iframe with height exactly one page?-CodePudding

I am trying to embed a pdf within an iframe but when I set height to 100% it is really small. Is there a way to make the height exactly one page?

my code

<iframe src="/wp-content/uploads/test.pdf#view=FitH" width="100%" height="100%"></iframe>

CodePudding user response：

You need to set the following settings in CSS (suitable for PDF page size): width="594px" height="580px"

CodePudding user response：

Try to add some CSS into your code as below:

<iframe src="/wp-content/uploads/test.pdf#view=FitH" style="width: 100%; height: 100vh"></iframe>

CodePudding user response：

You cannot force a browser PDF view (it is after PDF download, or not, or download and view. Embed, iFrame or Object it makes no difference the PDF is out of your control and in the application/PDF) but you may suggest it attempt to FitV (fit the vertical) in the viewers downloaded frame.

However that can be meaningless for some PDF viewing plugins, if they are not Acrobat since those are Adobe Acrobat "fragments" and do not need to be supported by plugin extensions such as Chromes Foxit/Skia or Firefoxs PDF.js etc.

For more on the topic see