CSS3调整大小属性只允许增加DIV大小

在CSS3中有一个调整大小属性可应用于div（例如http://www.impressivewebs.com/css3-resize/）。我正在构建一个丰富的用户界面，并发现这个功能对我来说非常有用。我试图依赖CSS3而不是JavaScript，所以我喜欢这种“原生”解决方案。CSS3调整大小属性只允许增加DIV大小

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

它在Safari 5.0.5，Chrome 12.0.742.91中重现，而Firefox 4.0.1以两种方式重新调整一个框的大小。

问题：有没有针对所需行为的解决方法？我还是想坚持用重新调整属性。

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

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

2011-06-11 leopoldkot

这是由浏览器

设定的用户代理可以限制调整大小至合适的东西，如元素的原始格式的大小之间，并且足够大以包含所有元素的内容。

2011-06-11 00:53:45

至少从规范一些清晰度。现在，我渴望一些-webkit- *工具将这个“合适的东西”改为有意义的东西。 – leopoldkot 2011-06-11 00:59:04

回答