title: iFrames not loading on mobile or tablet
body: <p>I haven't been able to find an answer that works. I have an iframe (yes, I have to use an iframe on this occasion) that works fine on PC, but won't load on mobile or tablet at all.</p>
  
  <p>There is some Javascript on the page but removing it doesn't fix the problem. I have also tried changing the iframe height and width from percentages to fixed values. I have also tried removing all attributes from the iframe other than <code>src</code> and it still doesn't load anything in the iframe.</p>
  
  <p>Below is a simplified version of my page, using what I have been able to find from other suggestions.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
       &lt;meta charset="UTF-8"&gt;
       &lt;meta content='width=device-width, initial-scale=1.0' name='viewport'&gt;
       &lt;style type="text/css"&gt;
                  body, html
                  {
                      margin: 0; padding: 0; height: 100%; overflow: hidden;  -webkit-backface-visibility: visible;
                  }
  
                  #content
                  {
                      position:absolute; left: 0; right: 0; bottom: 0; top: 0px; 
                  }
              &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt; 
  
      &lt;script type="text/javascript"&gt;
      function onFrameLoad() {
              do stuff
      };
      &lt;/script&gt;
  
      &lt;div id="content"&gt;
      &lt;iframe onload="onFrameLoad(this)" id="app" src="https://subdomain.mydomain.com" frameborder="0" height="100%" width="100%"&gt;&lt;/iframe&gt;
      &lt;/div&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>Can anyone tell me why it isn't working on mobile? Thanks</p>
  
  <p><strong>UPDATE:</strong> Clearing the browser cache on tablet fixed it for that, but doing the same on mobile didn't do anything. I also tried using my friend's iPhone (they have never visited the site before) and it didn't load.</p>
  
  <p>The URL I am trying to display in the iframe works in iframes on demo sites like w3schools on my mobile so it's not an <code>x-frame options</code> or browser not allowing any iframes problem (though the x-frame options would stop it working on all devices, but I've checked everything I can think of)</p>
  
  <p>I can provide a live example URL via message if required.</p>