title: Responsive design on site that is viewed via an iframe
body: <p>I am working on an app that will be deployed to Facebook therefore viewed from an iframe inside of Facebook's chrome.</p>
  
  <p>I have some basic media queries that linearise the content at a set viewport size.</p>
  
  <p>When the site is viewed in the browser locally the media queries work fine but when tested inside Facebook's chrome then they do not work.</p>
  
  <p>I assume that the resizing of the viewport is not detected by the child of the iframe therefore the media queries will have no effect.  Is there a way to get this working?</p>