JSFiddle - React, Tailwind, and code Playground

HTML

目前視窗寬度：
<div class="layout_top">111</div>
<div class="menuBox">222</div>
<div clsss="phoneShow">show</div>
 <p style="background-color:yellow">This is a paragraph.</p>
<span></span>

CSS

.layout_top{
  width: 300px;
  height: 50px;
  background-color:#999;
}
.menuBox{
  width: 300px;
  height: 100px;
  background-color:#444;
}
.phoneShow{
  background-color:#111;
  display: block;
}

JavaScript

$(document).ready(function(){
    $(window).resize(function() {
        height=$(window).height();
      $("span").text(height);
       $(".phoneShow").height(70);
        $("p").height(50);
    });
});