Question

是否可以在不使用jquery或任何其他外部库的情况下在javascript中调整div的大小？

我一直在寻找这个答案很长一段时间了，我也经历了这个例子：

How to make HTML element resizable using pure javascript? 但问题是它不一致，即，我的意思是调整大小效果与任何使用任何外部库甚至jquery ui库实现相同任务的效果不同。

编辑：

还有一个特征，就是有一个小的矩形形状可以在所有四个边上拖动图像，因为如上图所示，如果图像具有可以同时移动和拖动的属性，只需单击一下鼠标图像会让用户感到困惑，因为用户可以同时移动和拖动图像。

有没有解决方案？

Answer 1

至于使用JavaScript调整div的大小，这对你有用吗？

这会为style.height和style.width属性分配新值。

你可以在这里看到它： http://jsfiddle.net/w015gohf/

您还可以使用CSS resize通过在角落拖动来调整div的大小。

Answer 2

使用CSS resize：

＆＃13;

div {
    padding: 1em;
    background-color: #eee;
    overflow: hidden;
    resize: both;
    display: inline-block;
}

＆＃13;

<div>hi</div>

＆＃13;