PDF on Web Viewer (screen size issue)

Hi!! I am still having issues about the PDF. I put the web viewer component inside of a row (the row is % of the screen and the web viewer is fill container). The web viewer is showing the PDF, but the size isnt right depending on the screen.

Could someone help me?

I published my web app and on the computer it works:

When I open my web app on IOS phone, it explodes from the screen:

And when I open my web app on Android phone, it shows this:

I want everything like the first picture (one PDF with multiple pages)

Thank you

Update your iframe

<iframe src="{{ $filePath }}#embedded=true&view=FitV" allowfullscreen frameborder="0" scrolling="yes"></iframe>

to an object:

<object data="{{ $filePath }}" type="application/pdf" width="100%" height="100%">
    <p>Your browser does not support embedded PDF. <a href="#{{ $filePath }}">Click here to view PDF</a>.</p>
</object>