title: Size of content in iframe in iOS Safari (iPhone)
body: <p>I have a problem with some content that I (sadly) need to use an iframe for. (It has to do with picky clients and domain names - it's out of my hands...)</p>
  
  <p>Here is a page with the iframe:
  <a href="http://madslund.dk/test/iframepage.html" rel="nofollow">http://madslund.dk/test/iframepage.html</a></p>
  
  <p>Here is the page with the actual content:
  <a href="http://madslund.dk/test/content.html" rel="nofollow">http://madslund.dk/test/content.html</a></p>
  
  <p>The iframe page basically just shows the content from the other page. No problem so far.</p>
  
  <p>Here is the problem:
  The content inside the has a set width (700px) but resizes to fit the screen (max-width: 100% in the css). This works fine when viewing both pages in the browser, but on the iPhone, it only works when you view the content page directly.</p>
  
  <p>Javascript: alert(window.outerWidth) outputs 320 (as expected) in iframepage.html, but 735 in content.html. So it seems like the iphone simply resizes the iframe to fit the content inside.</p>