jQuery レスポンシブ チャット ウィンドウ インターフェイスの効果

jQuery レスポンシブ チャット ウィンドウ インターフェイスの特殊効果は、レスポンシブ レイアウトとユーザー グループ化をサポートするツールであり、チャット ウィンドウは画像のアップロードと絵文字の公開をサポートします。

screenFuc();
関数 screenFuc() {
var topHeight = $(".chatBox-head").innerHeight();//チャット ヘッドの高さ
//画面が768pxより小さい場合はレイアウトが変わります
var winWidth = $(window).innerWidth();
if (winWidth <= 768) {
var totalHeight = $(window).height(); // ページ全体の高さ
$(".chatBox-info").css("height", totalHeight - topHeight);
var infoHeight = $(".chatBox-info").innerHeight();//チャットヘッドの下の高さ
// 中間コンテンツの高さ
$(".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);
}
}