CSS3 resize属性仅允许增加DIV大小

Question

CSS3中有一个 resize 属性，可以应用于div（例如http://www.impressivewebs.com/css3-resize/）。我正在构建一个丰富的UI，并发现此功能在我的情况下非常有用。我尝试依赖CSS3而不是JavaScript，所以我喜欢这种“原生”解决方案。

此问题是 - 它不允许用户使该框小于其原始大小。

它在Safari 5.0.5，Chrome 12.0.742.91中重现，而Firefox 4.0.1在两个方面都重新调整了一个框。

问题：是否有针对所需行为的解决方法？我仍然想坚持使用 resize 属性。

示例：http://jsfiddle.net/wsCQm/

.resizable {
     height: 100px;
     width: 100px;    
     overflow: scroll;
     resize: both;   
}

<div class="resizable"> 
    Some stuff
</div>

Answer 1

这是由浏览器设置的

  

用户代理可以将调整大小范围限制为适合的范围，例如在元素的原始格式化大小之间，并且足够大以包含所有元素的内容。

http://www.w3.org/TR/css3-ui/#resize