javascript - 如何将 DIV 的大小调整为小于其初始宽度和高度？

Question

我想让用户能够将 DIV 的大小调整为小于其声明的宽度和高度。如何 ？

代码在这里：http: //jsfiddle.net/hW4nn/

HTML

<div class="divClass"></div>

CSS

.divClass {
    resize: both;
    overflow: auto;
    width: 200px;
    height: 200px;
    border: 1px dotted #000;
}

Answer 1

看看jQuery UI 的 Resizable。

Answer 2

据我所知，浏览器不会让您调整任何小于初始大小的大小。我的解决方法是将初始 CSS 设置为最小宽度和高度（无论您认为应该是什么，例如 50 像素左右）；然后使用 javascript 更改 div onload 的 CSS，使其大小合适。

另请参阅HTML5 resize only on 使项目大于原始大小，而不是更小。