jQuery responsive chat window interface effects

The jQuery responsive chat window interface special effect is a tool that supports responsive layout and user grouping. The chat window supports image uploading and emoticon publishing.

screenFuc();
function screenFuc() {
      var topHeight = $(".chatBox-head").innerHeight();//Chat head height
//When the screen is smaller than 768px, the layout changes
var winWidth = $(window).innerWidth();
            if (winWidth <= 768) {
          var totalHeight = $(window).height(); //The overall height of the page
               $(".chatBox-info").css("height", totalHeight - topHeight);
          var infoHeight = $(".chatBox-info").innerHeight();//The height below the chat head
                  //Height of middle content
                $(".chatBox-content").css("height", infoHeight - 46);
               $(".chatBox-content-demo").css("height", infoHeight - 46);

               $(".chatBox-list").css("height", totalHeight - topHeight);
               $(".chatBox-kuang").css("height", totalHeight - topHeight);
               $(".div-textarea").css("width", winWidth - 106);
         } else {
               $(".chatBox-info").css("height", 495);
               $(".chatBox-content").css("height", 448);
               $(".chatBox-content-demo").css("height", 448);
              $(".chatBox-list").css("height", 495);
              $(".chatBox-kuang").css("height", 495);
               $(".div-textarea").css("width", 260);
      }
}