Responsive background image

How to make background image responsive in css

/*width of image is auto adjusted by 70% of its container width.*/
img {
width: 70%;
}
/*if your image has a 50% width for any kind of screen. 
But when you want to make it full-size for mobile devices you need to get help from media queries:*/
/*using media Queries */
@media only screen and (max-width: 480px) {
img {
width: 100%;
}
}

Source: grepper.com

Similar codes

1 vote178 views1 answer
Firefox css code
CSS
18 votes210 views6 answers
Text outline css
CSS
53 votes192 views4 answers
On hover css
CSS
0 vote330 views1 answer
Width cross browser
CSS
0 vote176 views1 answer
Remove all input style'ing
CSS
4 votes183 views1 answer
Plasma state of matter
CSS
182 votes469 views6 answers
How to link css to html
CSS
3 votes178 views3 answers
Responsive text css
CSS
0 vote188 views1 answer
Where is sendmail in lampp
CSS
0 vote177 views1 answer
CSS - The Class Selectors
CSS