title: Iframe not displaying content on mobile view
body: <p>So, I'm trying to display a pdf on an iframe on a web page; the iframe works when loaded normally on the desktop view, but whenever the page is simulated to load on a mobile view, it does not load the content. Additionally, when I go under the network tab, it shows that the pdf has successfully been retrieved- but it does not display.</p>
  <p>There are no errors on the console, or any other ones I can find for that matter. Any input would surely be appreciated.</p>
  <p><strong>SideNote:</strong> I have read other 'solutions', but they require uploading a pdf somewhere and using google viewer (I believe thats what its called). This approach cannot work for me, since the pdf's shown are generated on the fly and individually unique.</p>
  <pre><code>&lt;iframe id='termsOfService' src='&quot; . $this-&gt;site . &quot;/path/where/pdf/are/stored/$identifier.pdf' width='100%' style='height:90vh'&gt;&lt;/iframe&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/pQiYh.png" rel="nofollow noreferrer">Iframe not working</a></p>
  <p><a href="https://i.stack.imgur.com/5oSFX.png" rel="nofollow noreferrer">Working Iframe PDF</a></p>
  <p><a href="https://i.stack.imgur.com/I75nn.png" rel="nofollow noreferrer">network tab</a></p>
  <p><strong>UPDATE:</strong>
  If anyone has this same issue, a comment had pointed out to <a href="https://stackoverflow.com/questions/36382249/embed-pdf-in-mobile-browsers">this thread</a>, where pdf.js was used; but I found the documentation a bit intimidating and couldn't understand it, but If anyone wants an 'easier' guide, I personally followed <a href="https://pdfjs.express/blog/how-to-use-pdf-js" rel="nofollow noreferrer">this</a></p>