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

Question

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>

Answer 1

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>