JSFiddle - React, Tailwind, and code Playground

by HYEONGJINKIM

HTML

<div id="debug"></div>

CSS

body{
    height: 5000px;
}
#debug{
    border: 1px solid red;
    height: 100px;
    width: 100%;
    position: fixed;
    top: 50px;
}
<style type='text/css'>
/* your custom CSS \*/
</style>
<!-- access to the HEAD element -->
<meta name='viewport' content='initial-scale=1.0, width=device-width' />

JavaScript

$debug = $("#debug");
setInterval(function(){
    var htScreen ={
        windowInner : window.innerHeight,
        windowOuter : window.outerHeight,
        screen : screen.height
    }
    $debug.html($.param(htScreen));
    
}, 3000);