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

0 vote167 views1 answer
Radio button css only 1
CSS
13 votes162 views2 answers
Border radius 4 values
CSS
1 vote192 views1 answer
How to remove lines from textarea
CSS
0 vote208 views1 answer
Css make all text center
CSS
6 votes175 views4 answers
Disable click css
CSS
4 votes166 views5 answers
Css darken color
CSS
0 vote184 views1 answer
How to code color css property
CSS
0 vote158 views1 answer
Mailto link with no decoration
CSS
0 vote170 views1 answer
Css lobotomized owl
CSS
109 votes183 views6 answers
What is padding in css
CSS