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

回答