क्या तत्वों को स्केल करने के लिए सीएसएस का उपयोग करने का कोई तरीका है। उदाहरण के लिए, यदि मेरे पास कोई छवि है, तो मैं कैसे कह सकता हूंमैं सीएसएस का उपयोग कर तत्व ऊंचाई और चौड़ाई कैसे स्केल कर सकता हूं?
img.height = image.height * 0.75 // scale down to 0.75
सीएसएस का उपयोग कर?
इस प्रयास करें:
div.zoomed { zoom: 0.75; -moz-transform: scale(0.75); }
में काम करना चाहिए: Firefox 3.5, IE 5.5 +, ओपेरा, सफारी 4, क्रोम
संपादित करें: आप Chrome और सफारी के लिए -webkit-transform: scale(0.75); जोड़ना चाहिए, हालांकि नवीनतम संस्करण zoom
सीएसएस 2.1 के रूप में आप अन्य तत्व (स्वयं सहित) आयामों के आधार पर एक तत्व के आयामों को नहीं बदल सकते हैं।
आपको इसके लिए जावास्क्रिप्ट का उपयोग करना होगा।
यह शायद सीएसएस चर के साथ CSS3 में संभव होगा।
'ज़ूम: 0.75' के लिए क्या है '-मोज़-ट्रांसफॉर्म: स्केल (0.75)' काम करता है? –
"ज़ूम" आईई, क्रोम के लिए है ... "-मोज़-ट्रांसफॉर्म" केवल फ़ायरफ़ॉक्स के लिए है। – enloz