如何将 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;
}

- Ashraf Bashir

Answer 1

看一下jQuery UI的可调整大小功能。

- Samuel Liew

Answer 2

据我所知，浏览器不会允许您将大小调整为比初始大小更小。我的解决方法是将初始CSS设置为最小宽度和高度（您认为应该是多少，例如50px左右），然后在div的onload中使用JavaScript更改CSS以使其正确缩放。

另请参见HTML5 只能使项目变大而不能缩小。

- David Heijl

---

感谢您的回答，我尝试了一下，在此处查看：http://jsfiddle.net/WSkZP/ ... 不幸的是，它无法调整到小于上次设置的宽度和高度值。 - Ashraf Bashir