ब्राउज़र विंडो की चौड़ाई भरने के लिए एक छवि को खींचें

Question

मेरे पास एक छवि है, और मैं चाहता हूं कि चौड़ाई विंडो विंडो को भरने के लिए, खिड़की के आकार को चाहे।

मैं इसे HTML और CSS में कैसे कर सकता हूं?

Answer 1

<img src="filename.jpg" alt="alt text" width="100%" /> 

यह मानता है कि छवि का कंटेनर ब्राउज़र विंडो जितना चौड़ा है।

Answer 2

आप 100% की ऊंचाई चौड़ाई के साथ एक div जोड़ सकते हैं, यह भी सेट छवि की चौड़ाई और ऊंचाई 100% कर रहे हैं

<div id="wrapper"> 
    <img src="http://lorempixel.com/200/200" /> 
</div>​​​​​​​​​​ 

सीएसएस:

#wrapper, img{ 
    width:100%; 
    height: 100%; 
} 

jsfiddle

Answer 3

<div class="fixpixel"> 
    <img src="ImagePath" /> 
</div>​​​​​​​​​​ 

सीएसएस फ़ाइल

.fixpixel img{ 
height: auto; 
background-position: center; 
background-repeat: no-repeat; 
background-size: cover; 
}