title: Is it possible to load a responsive iframe within a non-responsive site?
body: <p>Before you mark this as duplicated, let me tell you that this is not about making an iframe rescalable, and I'm not expecting this kind of answers: <a href="https://stackoverflow.com/questions/17838607/making-an-iframe-responsive">Making an iframe responsive</a></p>
  
  <p>My problem is easy to explain: I got a site without the <code>meta</code> viewport tag and a width of (lets say) 1000px. Therefore, when you load it in a mobile device, it rescales to fit the 360px width, and <strong>everything is very small</strong>.</p>
  
  <p>Now, I perfectly know how to make an iframe to adjust to any width but the problem here is that the site being loaded will also be displayed with a width of 1000px even if this one has the <code>meta</code> viewport tag. Of course, everything in this iframe is shown very small as well.</p>
  
  <p>Now the question: can I make the content of that iframe to be displayed at full width and yet <strong>obey not the width of the parent document but the width of the device</strong>. (obviously I don't want a small 360px iframe).</p>
  
  <p>This may help you understand: <img src="https://i.stack.imgur.com/InAzH.jpg" alt="enter image description here"></p>
  
  <p><strong>EDIT: Many people doesn't seem to understand this, so another way to explain it is this:</strong></p>
  
  <ol>
  <li><p>Pick any site that doesn't have the viewport tag</p></li>
  <li><p>Paint a fixed frame on it</p></li>
  <li><p>And try to make that iframe look like if it was opened on a new tab
  (by default the iframe's viewport will be like 1000px, I'd like it to be the phone's viewport sizes)</p></li>
  </ol>