让用户调整 div 个容器的大小，页面刷新后保存

Question

我的问题可能有点具体，但我找不到任何方法让它工作：我想要的是有 3 个 div 容器，用户可以调整大小（C 是地图，而 B 是聊天，A 是一些其他信息，我希望用户能够决定他最想占用的内容 space)。这应该在页面刷新后保存，或者我可以保存内容的 location/size 以便重新加载。在这里你明白我的意思了，我想要水平调整 C 和垂直调整 A/B

的可能性

我试过的是：

resize in CSS，它有多个问题，首先它在页面刷新后不保存（虽然我可以询问我认为的容器的大小并重新加载它）但更大的问题是如果我调整了 A 的大小，B 并没有变小，而是被推出了我不想要的屏幕
colResizable：一个用于表格的 jQuery 插件，适用于水平 C 调整但不适用于垂直调整，此外它似乎与 bootstrap 由于某种原因，当我在代码中添加这一行时它停止工作：
```
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3./js/bootstrap.min.js"></script>      
```
（下拉菜单需要 bootstrap）

所以我真的连可以尝试的想法都没有了，也找不到任何其他在线提示，我正在使用 php 来保存 div A 中的更改，所以页面刷新不应重置调整大小。

如果有人能告诉我如何做，我将不胜感激:)

Answer 1

听起来您实际上有多个问题：

如何根据需要调整大小。为此，我建议使用 css 和内联样式，尤其是 flexbox。
如何让用户在浏览器中选择宽度。可能 JavaScript 有或没有 jquery.
如何保存选择的宽度和高度，直到刷新后。为此，您可以使用 localstorage - 仅在同一台计算机上的同一浏览器中工作，或者使用更复杂的服务器端解决方案。为此，您可以使用任何服务器端语言，例如 php.

Answer 2

您应该使用 javascript 来调整大小...看来您已经解决了这个问题。你可以做的是在调整大小结束时触发一个 javascript 函数（你用于调整大小的库应该具有该功能）创建一个 cookie 或调用一个 ajax 请求发送信息到 php 永久保存到数据库的文件。

让用户调整 div 个容器的大小，页面刷新后保存

Let user resize div containers, save after page refresh

html

javascript

css

resize