可以拖动中心分隔线来调整左右 div 的大小。似乎拖动分隔线会更改 CSS width 值的百分比，但我不知道是什么导致该值发生变化。
我想创建与此类似的东西，其中可以拖动分隔线以调整左右 div 的大小，并且这些 div 中的任何内容都将适合。如何做到这一点？
要避免的潜在兼容性问题:最终，我还想使用 @media 使其在移动屏幕上响应，以便在左侧可见时隐藏右侧 div，并在左侧可见时隐藏左侧 div右侧可见。
最佳答案
使用 JQuery UI 可能是实现此目的的最简单方法。这是您如何开始的示例:A full page layout with resizable panes using jQuery UI
此外，查看 CSS 调整大小属性:http://www.w3schools.com/cssref/css3_pr_resize.asp
我不认为这正是你想要的，但你可以将它与一些 css 结合起来，在没有 JavaScript 的情况下实现类似的效果。
关于html - 如何创建垂直拖动调整大小的分隔线？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38983039/