title: Media queries not working inside an iframe
body: <p>I have in a webpage which is responsive. It makes use of media queries.</p>
  
  <p>But the same page loaded in an iframe is not working.</p>
  
  <p>For example, consider to my webpage, I have given background color as red when the screen-width is less than 640px.</p>
  
  <pre><code>@media only screen and (max-device-width : 640px) {
  
      .header-text {
          background-color: red;
      }
  }
  </code></pre>
  
  <p>So when I load that window in a new tab and make the browser width less than 640px, background color becomes red.</p>
  
  <p>But the same window when loaded in an iframe of 320*480 dimensions does not have background color red.</p>
  
  <p>How to make media queries work in an iframe?</p>