title: how to resize an iframe? (css media queries?)
body: <p>Hi guys I'm looking to resize an iframe depending on size of the browser window, but I'm all turned around as too the height and width. Would REALLY appreciate some explanation on where I'm confused.</p>
  
  <p>I understand how to use css media queries use diff stylesheets according to screen size, but how does this apply to an iframe that's located on another website when I have to predefine the height and the width inside the iframe?</p>
  
  <p>Do you even need the height and width to be defined inside the iframe? Or can you use media queries to detect the size of the browsing windows containing the iframe and then set the height and width values depending on that.</p>
  
  <p>For instance  is what's normally in the iframe, but how would I get the iframe to be something like  if the other website is brought up on an iphone?</p>
  
  <p>Or am I missing something?</p>