个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我正在尝试创建一个“聊天窗口”，我已经解决了大部分问题，但不知何故我无法让“对话”文本区域垂直占据窗口的其余部分。
这是我的完整页面代码(我要调整的文本区域是 div id="conversation" 中的那个):
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css">
<title>
chat prototype
</title>
</head>
<body>
<div id="completeSite" style="display: flex; flex-flow:row wrap" >
<div id="taskBar" class="col-md-12" style="border-style: solid; ">
TASKBAR
</div>
<div id="userList" class="col-md-2" style="border-style: solid;">
USERLIST
</div>
<div id="chatWindow" class="col-md-10" style="border-style:solid;">
<div id="conversation" class="row">
<textarea readonly class="form-control" style="overflow:auto; resize:none; border-style: solid;">CONVERSATION</textarea>
</div>
<div id="MessageInput" class="input-group row">
<textarea class="form-control" id="message" placeholder="Message" style="height: 200px; overflow:auto; resize:none;"></textarea>
<span class="input-group-btn">
<button class="btn" id="submitMessageButton" type="button" style="height: 200px; background-color: #999999">Send</button>
</span>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.js"></script>
</body>
</html>
每一个非 bootstrap 的 css 都单独在使用 style= 的元素中。
到目前为止，我已经尝试了一些事情:
相对 height: 定义，但是当窗口最小化时会产生不良结果(它根据屏幕大小而不是窗口大小保持大小)。
Flex 方法:放置display:flex; 之后在 div id=conversation 上的 flex-direction:columndiv id=chatWindow 上始终使用 flex: 1文本区域，但没有结果。我在 Stack Overflow 的其他一些问题上看到了这个解决方案，所以显然决定尝试一下。
最佳答案
好的，所以“user123”的答案大部分是正确的，但是，就浏览器兼容性而言，由于 $(window).innerHeight();，它给我带来了问题其中，根据 w3schools 的描述是“窗口内容区域的内部高度”
但是，这仅适用于 Edge 和 IE11。为了让它在 Edge、IE11、Firefox 和 Chrome 上运行，我必须使用 $(window).outerHeight();。w3schools 将其描述为“窗口的外部高度，包括工具栏/滚动条”
底线:就“意义”而言，它没有任何意义，但我使用 outerHeight() 而不是 innerHeight() 函数让它工作。
PS:作为答案贴出来提醒大家注意。
关于html - 如何使 <textarea> 使用剩余的可用高度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48232274/
25
4
0
我正在运行一个带有 while 约束的 SQL 查询，其中包含一些“id”。例如: SELECT table.id FROM TableOne table WHERE table.id IN (1,
我正在寻找在替换其中一个元素后打印元素列表的最正确方法。我可以按如下方式做，但显然很困惑。 #!/usr/bin/python import sys file = open(sys.argv[1])
这个问题在这里已经有了答案: How wide is the default `` margin? (4 个答案) How do I remove the top margin in a web
当我尝试使用命令安装 rvm 时::(I am Using UBUNTU 12.04 LTS) curl -L https://get.rvm.io | bash -s 当我尝试与简单用户相同的命令时
我使用 GOPro 工作人员 6 个月前发送给我的命令，通过终端(在 Gopro 网络上)使用 Gopro Hero3 拍摄照片/视频。有效。但是，在过去的一个月里，我一直在尝试再次执行此操作，并且不
尽管知道我不应该关闭应用程序按钮，但我仍然这样做。完成所有 Activity 后，我调用 finish() 方法，它们调用析构函数和所有内容。用户的行为也是正确的。但我想知道为什么还有 5 个打开的线
当我在 Rest Controller 中的类级别启用 @Validated spring 注释时，会生成 2 个验证上下文(每个验证上下文都有不同的前缀)。 @Validated 注释是必需的，因为
在旧的 API 中，剩余的允许容量显然作为 X-Ratelimit-Remaining 返回HTTP header 。 然而，current version's documentation对此一无所获
我一直在使用 Service Fabric 一段时间，成功构建、部署和测试了多个服务，但我刚刚完成构建的服务在部署时失败(请参阅下面的错误)。在诊断中，我尝试使用 VS 模板(没有代码更改)创建和部署
这个问题在这里已经有了答案: 关闭 12 年前。 Possible Duplicate: Progress unit in ProgressDialog 如何覆盖进度条进度消息，即 61/100 到
我正在用 Objective-C (Cocoa) 编写命令行实用程序的前端。我需要解析输出以检查不同类型的消息。有两种基本类型；信息消息和下载状态消息。信息消息始终以以下内容之一开头:INFO:、WA
我是一名优秀的程序员,十分优秀！