2013-01-24 26 views
9

मैं छवि का मूल आकार दिखाने की कोशिश कर रहा हूं। अक्सर यह उस div की चौड़ाई से बड़ा है जिसमें यह शामिल है।सीएसएस (बूटस्ट्रैप का उपयोग करके) के साथ एक div में स्वचालित छवि आकार को रोकें या अक्षम करें

आधुनिक ब्राउज़रों में, यह स्वचालित रूप से पैरेंट div फिट करने के लिए आकार बदल जाता है। यहां तक ​​कि जब मैं overflow: auto का उपयोग करता हूं तब भी छवि का आकार बदल जाता है।

तो बाहरी div की सेट चौड़ाई होने पर छवि को आकार बदलने से कैसे रोक सकता है?

धन्यवाद!

उत्तर

19

बूटस्ट्रैप की अधिकतम चौड़ाई छवियों पर 100% तक सेट है। यह बदलें:

img { 
    max-width: none; 
} 
+0

इस्तेमाल किया बेहतर होगा एक वर्ग है कि बूटस्ट्रैप ओवरराइड करता है, बल्कि बूटस्ट्रैप के मुख्य लेआउट को संशोधित करने से बनाने के लिए होगा। उदाहरण: 'img.oversize: {max-width: none}' – isherwood

+1

ध्यान दें कि यह ज़र्ब फाउंडेशन (वैसे भी 6 के रूप में) के बारे में भी सच है। – Whatcould

-1

मैं इस एक img {min-width:100%}

+0

आप एक स्पष्टीकरण जोड़ना चाहते हैं – oefe