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

10 votes116 views2 answers
Css how to change font colr
CSS
0 vote211 views1 answer
Backface-visibility: hidden;
CSS
0 vote128 views2 answers
Ul class= social-icons
CSS
2 votes142 views2 answers
OSX Library not loaded: /usr/local/opt/openssl/lib/libssl.1.0.0.dylib
CSS
0 vote117 views1 answer
CKEDITOR PUSH TEXT IN FRONT OF CURSOR
CSS
0 vote120 views1 answer
Code to change size when hover effect
CSS
0 vote113 views1 answer
Css 2 div cote à cote
CSS
0 vote85 views1 answer
Select multiple id css
CSS
25 votes133 views4 answers
Text shadow effect
CSS
1 vote117 views1 answer
Import css in thymeleaf
CSS