CSS3 आकार बदलने वाली संपत्ति केवल डीआईवी आकार

Question

को का आकार बदलती है CSS3 में संपत्ति का आकार div (उदा। http://www.impressivewebs.com/css3-resize/) पर लागू किया जा सकता है। मैं एक समृद्ध यूआई का निर्माण कर रहा हूं, और इस मामले को मेरे मामले में बहुत उपयोगी पाया। मैं जावास्क्रिप्ट से अधिक CSS3 पर भरोसा करने की कोशिश करता हूं, इसलिए मुझे यह "मूल" समाधान पसंद है।

यह समस्या है - यह उपयोगकर्ता को अपने मूल आकार से कम बॉक्स बनाने की अनुमति नहीं देता है।

यह सफारी 5.0.5, क्रोम 12.0.742.9 1 में पुन: उत्पन्न होता है, जबकि फ़ायरफ़ॉक्स 4.0.1 दोनों तरीकों से एक बॉक्स का आकार बदलता है।

प्रश्न: वांछित व्यवहार के लिए कोई कामकाज है? मैं अभी भी संपत्ति का आकार बदलना चाहता हूं।

उदाहरण: 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