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 vote114 views1 answer
P{ color: blue; font-size: 14px; }
CSS
0 vote107 views2 answers
List-style-image size
CSS
0 vote111 views1 answer
Allvarliga symtom på järnbrist
CSS
0 vote114 views1 answer
Add border to the array
CSS
39 votes100 views2 answers
Font size x large in css
CSS
0 vote105 views2 answers
Access is denied nul > server.js
CSS
1 vote117 views1 answer
Dom ids have numbers
CSS
0 vote137 views1 answer
"selector-max-specificity"
CSS
0 vote150 views1 answer
Set scroll bar on a table
CSS
-2 votes102 views1 answer
Div color overlay css
CSS