JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
       </head>
       <body>
          <iframe id="preview-frame" src="https://www.archive.org/" name="preview-frame" frameborder="0" noresize="noresize">
          </iframe>
       </body>
    </html>

CSS

html body {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    font-family: arial;
    font-size: 10px;
    color: #6e6e6e;
    background-color: #000;
}

#preview-frame {
    width: 100%;
    background-color: #fff;
}

JavaScript

var calcHeight = function() {
               $('#preview-frame').height($(window).height());
             }
             
             $(document).ready(function() {
               calcHeight();
             }); 
             
             $(window).resize(function() {
               calcHeight();
             }).load(function() {
               calcHeight();
             });