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

5 votes218 views1 answer
How to hange the color of your cursor in css
CSS
0 vote233 views1 answer
Css select alternate elements
CSS
11 votes230 views1 answer
Html click through elements
CSS
0 vote253 views1 answer
Css3 ripple loop
CSS
0 vote231 views1 answer
Css top right corner
CSS
14 votes256 views6 answers
Bootstrap image size
CSS
0 vote238 views1 answer
Add more than 2 css jquery
CSS
0 vote284 views1 answer
Css selectors presentation
CSS
0 vote245 views1 answer
Youtube player get current time
CSS
211 votes260 views10 answers
Css padding
CSS