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 vote277 views2 answers
Css combinators
CSS
7 votes277 views3 answers
Push failed
CSS
1 vote335 views1 answer
Can we use multiple keyframes in css
CSS
0 vote282 views2 answers
Css cut text of
CSS
-1 vote336 views2 answers
How to set background automatically with my screen height
CSS
0 vote269 views1 answer
Options for DNSSEC verification of other zones
CSS
7 votes286 views2 answers
Text align justify
CSS
0 vote261 views2 answers
Wp query using the_post
CSS
2 votes317 views1 answer
Large input box bootstrap 4
CSS Bootstrap
0 vote271 views1 answer
Restore mySQL database from .bz2
CSS