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

13 votes186 views3 answers
Centering css elements
CSS
2 votes324 views3 answers
Horizontal Scrolling Bopostrap CSS
CSS
-1 vote195 views1 answer
Materialize table padding css
CSS
5 votes216 views5 answers
Css disable zoom on mobile
CSS
0 vote152 views1 answer
Sumar clases css
CSS
0 vote200 views1 answer
Css two classes in one element
CSS
0 vote222 views1 answer
Also define the standard property 'border-radius' for compatibility css(vendor prefix)
CSS
0 vote202 views1 answer
Div style how to wrap around
CSS
0 vote209 views2 answers
How to Reveal Content on Hover with Expanding Corner Tabs in Divi
CSS
4 votes198 views1 answer
Plasma state of matter
CSS