使用jquery-ui同时调整两个div的大小

可以通过使用Resizable组件来实现。Resizable是jquery-ui库中的一个插件，它允许用户通过拖动边框或角来调整元素的大小。

首先，确保你已经引入了jquery和jquery-ui的库文件。然后，按照以下步骤进行操作：

1. 创建两个div元素，分别给它们添加一个唯一的id属性，例如"div1"和"div2"。

<div id="div1"></div>
<div id="div2"></div>

1. 使用jquery-ui的Resizable方法来使这两个div元素可调整大小。在JavaScript代码中，使用选择器选中这两个div元素，并调用Resizable方法。

$(function() {
  $("#div1, #div2").resizable();
});

1. 可以通过设置Resizable方法的参数来自定义调整大小的行为。例如，可以设置最小和最大的宽度和高度，以及调整大小的方向。

$(function() {
  $("#div1, #div2").resizable({
    minWidth: 100,
    minHeight: 100,
    maxWidth: 500,
    maxHeight: 500,
    handles: "n, e, s, w, ne, se, sw, nw"
  });
});

在上述代码中，设置了最小宽度和高度为100像素，最大宽度和高度为500像素，并且可以通过拖动北、东、南、西、东北、东南、西南和西北方向的边框或角来调整大小。

这样，用户就可以通过拖动这两个div元素的边框或角来同时调整它们的大小了。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

• 腾讯云云服务器（CVM）：提供高性能、可扩展的云服务器实例，适用于各种应用场景。了解更多信息，请访问腾讯云云服务器。
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于存储和处理各种类型的数据。了解更多信息，请访问腾讯云对象存储。