title: Iframe fit to screen
body: <p>I am trying to integrate <a href="https://wordpress.org/support/topic/i-successfully-embed-my-wordpress-blog-into-my-website" rel="nofollow">my blog</a> into my website via iframe. However, using this method I have to give the height and width in pixels. I want the blog to fit the screen, though. Is there any way to do this?</p>
  
  <p>EDIT: The answer below suggests that I change my CSS. Then what do I do with the "width" and "height" variables in my html? Here is the full html code of the page.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
   &lt;link rel="stylesheet" type="text/css" href="css/style.css" /&gt;
   &lt;title&gt;Shiloh Janowick's Blog!&lt;/title&gt;
   &lt;link rel="shortcut icon" href="pics/favicon.ico" type="image/x-icon"&gt;
   &lt;meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /&gt;
   &lt;meta http-equiv="Pragma" content="no-cache" /&gt;
   &lt;meta http-equiv="Expires" content="0" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
   &lt;iframe width="" height="" src="http://shilohgameblog.wordpress.com" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I left the width and height unspecified because I have no idea what to put in them afterwards.</p>