如何将DIV调整到小于其初始宽度＆amp;高度？

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's Resizable。

Answer 2

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

另见HTML5 resize only on makes items larger than original size, not smaller。