
最新下载
24小时阅读排行榜
- 1 抖音怎么设置多账号切换 抖音账号快速切换方法解析
- 2 JS中的async/await怎么用?有什么作用?
- 3 UC缓存m3u8转普通视频
- 4 WebStorm调试React应用的环境配置和技巧
- 5 word删除空白区域空白段落 word空白内容清理技巧
- 6 Python中如何处理异步Web请求?
- 7 Python中hashlib的作用 加密哈希模块hashlib的常用算法实现
- 8 学习通小组相册怎么创建 学习通小组相册创建步骤详解
- 9 Python中glob模块 文件路径匹配模块glob的通配符使用技巧
- 10 番茄畅听赚钱是真的吗 番茄畅听收益真实性揭秘
- 11 Python中如何计算三角形的面积?
- 12 怎么安装win7系统 windows7系统怎么安装详细步骤
- 13 度小满金融可靠吗利息高吗 度小满可靠性及利息双重分析
- 14 快速上手通灵义码使用的实用方法
- 15 美团外卖骑手兼职条件有哪些 如何快速通过审核
最新教程
-
- 麻省理工大佬Python课程
- 9405 2024-05-31
-
- Swoole5 Hyperf3 php8新版本协程框架讲说
- 11988 2024-05-13
-
- 【web前端】Node.js快速入门
- 7868 2024-04-26
-
- 国外Web开发全栈课程全集
- 7796 2024-04-24
-
- Go语言实战之 GraphQL
- 5598 2024-04-19
-
- 550W粉丝大佬手把手从零学JavaScript
- 6413 2024-04-18
jQuery响应式聊天窗口界面特效是一款支持响应式布局,支持用户分组,聊天窗口支持图片上传和表情发布。
screenFuc();
function screenFuc() {
var topHeight = $(".chatBox-head").innerHeight();//聊天头部高度
//屏幕小于768px时候,布局change
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);
}
}

