css可通过拖动边框而不是角来调整div大小

Question

在编写我自己的基于 JavaScript 的可调整大小面板时，我发现有一个很好的新 CSS3 样式属性可以以更简洁的方式实现此目的。但我使用这种基于 CSS 的方法面临的唯一问题是，它只能从角调整大小，而且还必须从边框调整大小，而不仅仅是角！用户甚至可能没有注意到它可以从角落调整大小。

请不要让我失望，并告诉我没有办法通过 CSS resize 属性来实现这一点！我在w3.org上没有找到足够的信息，但我仍然对此抱有一些希望。

.container{
  background-color: black;
  width: 400px;
  height: 400px;
}

.resizable{
  background-color: lightgray;
  width: 300px;
  height: 400px;
  resize: both;
  overflow: auto;
  min-width: 200px;
  min-height: 200px;
  max-width: 350px;
  max-height: 400px;
}

<div class="container" >
  <div class="resizable">
    <p>Drag the bottom-right corner to resize me</p>
    <p>However, Unfortunately, you can't resize me by dragging any of the right or bottom borders</p>
  </div>
</div>

Answer 1

似乎完全取决于浏览器创建者如何实现调整大小机制，而实现所需和规范化行为的唯一方法是使用 JS（例如https://jqueryui.com/ressized/）