Iframe fit to screen
<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>