title: URL frame breaks responsive website
body: <p>I'm using Zurb Foundation to create a single page responsive website. The page is located at foo.com/event.php but I have a separate domain (event.com) with a url frame record pointing to foo.com/event.php page. 
  Here is the issue: when I visit foo.com/event.php on iOS, the mobile optimized version is correctly shown. But when I visit event.com, the desktop version loads. Somehow, the url frame is breaking the responsiveness. 
  Strangely, If I visit event.com on a desktop browser, I can make the responsive layout kick in by resizing the window. </p>
  
  <p>How do I solve this issue? Please keep in mind that I have little knowledge about js and css media queries. </p>