सीएसएस स्केल करें 100% चौड़ाई

Question

के साथ एक तत्व स्केल करें मुझे 100% चौड़ाई वाला एक div ज़ूम करने में रूचि है। मेरी समस्या यह है कि, जब मैं तत्व को स्केल करता हूं तो यह निश्चित चौड़ाई प्राप्त करता है और चौड़ाई का 100% विस्तार नहीं करता है।

उदाहरण - http://jsfiddle.net/Fz7qh/2/

जब मैं संपत्ति सीएसएस जूम (के रूप में परिणत करने का विरोध किया: पैमाने) का उपयोग यह उम्मीद के रूप में काम करता है, लेकिन मैं ज़ूम संपत्ति अच्छी तरह से समर्थित नहीं है सुना है। मेरा सवाल यह है कि यह सीएसएस ट्रांसफॉर्म स्केल के साथ हासिल किया जा सकता है?

Answer 1

का अनुकरण करने के लिए क्या zoom संपत्ति है इस मामले में, आप -transform-origin: 0 0; जोड़ सकते हैं और सेट कर सकते हैं widtholdWidth/newScale (100/0.7 ~= 142.857143) करने के लिए:

http://jsfiddle.net/thirtydot/Fz7qh/5/

div.zoomed { 
    -webkit-transform: scale(.7); 
    -webkit-transform-origin: 0 0; 
    width: 142.857143%; 
}​