मैंने <div>width:10em और height:5em के साथ बनाया है।
अब मैं एक ही आकार के साथ <div> में <img> (GIF छवि) प्रदर्शित करना चाहता हूं। लेकिन स्पष्ट रूप से यह em इकाई "पता" नहीं है। यह तस्वीर को 10x5 पिक्सेल में दिखाता है।मैं "em" इकाई का उपयोग कर एक छवि कैसे प्रदर्शित कर सकता हूं?
मैं "em" इकाई का उपयोग करके यह <img> कैसे प्रदर्शित कर सकता हूं?
इस कोड का उपयोग करें:
<html>
<body>
<p>This is 10em x 5em</p>
<div style="width:10em; height:5em;">
<img style="width:10em; height:5em;" src="logo.png" />
</div>
</body>
</html>
यह Firefox 3.5, इंटरनेट एक्सप्लोरर 8 और ओपेरा Windows XP पर 10.0 बीटा में काम करता है।
सटीक समान चौड़ाई/ऊंचाई मान दोहराने में कोई बिंदु नहीं। आप भी या तो ए) संलग्न div के साथ दूर या बी) छवि के मूल्यों को 100% में बदलें। –
आप सीएसएस के साथ शैली img कर सकते हैं:
img.MyImage {
width: 10em;
height: 5em;
}
<img class="MyImage" src="image.gif" />
सी चिन्हित आप का इस्तेमाल किया है? क्या आपने इसे सीएसएस का उपयोग करके आकार दिया है, या केवल चौड़ाई और ऊंचाई के लिए विशेषताओं के साथ (जो केवल पिक्सेल आयाम लेते हैं) –
आपने किस ब्राउज़र का परीक्षण किया था? – bjelli