CSS3 yeniden boyutlandırma özelliği yalnızca DIV boyutunu artırmaya izin verir

Question

Bir div'e (örneğin http://www.impressivewebs.com/css3-resize/) uygulanabilen CSS3'te bir resize özelliği vardır. Zengin bir kullanıcı arayüzü yapıyorum ve bu özelliği benim durumumda çok yararlı buldum. CSS3'e JavaScript'ten daha fazla güvenmeye çalışıyorum, bu yüzden bu "yerel" çözümü beğeniyorum.

Bu problemi - kullanıcının kutuyu orijinal boyutundan daha az yapmasına izin vermez.

Firefox 4.0.1, iki yoldan bir kutuyu yeniden boyutlandırırken Safari 5.0.5, Chrome 12.0.742.91 sürümünde yeniden üretiliyor.

Soru: İstenen davranış için herhangi bir geçici çözüm var mı? Ben hala resize özelliği ile sopa istiyorum.

Örnek: http://jsfiddle.net/wsCQm/

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

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

Answer 1

Bu tarayıcı

ile ayarlanır, elemanın orijinal biçimlendirilmiş boyutu arasında gibi uygun bir şey için boyutlandırma aralığı kısıtlayabilir kullanıcı aracısı ve tüm öğenin içeriğini kapsayacak kadar büyük.

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