How can I display pdf document in a web page in mobile as well as desktop?

[A Sandeep]

Hello everyone, how can I display pdf document in a webpage in mobile as well as desktop?
I can use <embed> tag to display pdf in a desktop. But it is not opening the document in mobile.
Can anyone give me a solution?
Thanks in advance.

[rose clark]

You can display a PDF file on both desktop and mobile by using a combination of <object> and <iframe> tags. The <object> tag usually works well on desktop browsers. If the <object> tag fails to load, the browser will display the content of the <iframe> tag. The <iframe> acts as a fallback for mobile devices. If both fail, the user still gets a download link.

Here is the code setup:

<object data="your_pdf_ file.pdf" type="application/pdf" width="100%" height="100%">

<iframe src="your_pdf_f ile.pdf" width="100%" height="100%" style="border: none;">

<p>Your browser does not support PDFs. <a href="your_pdf_ file.pdf">Downl oad the PDF</a>.</p>

</iframe>

</object>