I have added an image using css background-image: url(../img/header1.jpg); and I want to make it responsive on small devices.
When I inspect and select small devices from responsive there the image get vanished:
Asked
Active
Viewed 55 times
0
MattHamer5
- 1,323
- 10
- 21
Mohammad Rafiq
- 1
- 1
-
2Can you share any code snippet or fiddle link for more clarifications? Thanks – Hassan Siddiqui Apr 01 '19 at 09:17
-
Possible duplicate of [Responsive css background images](https://stackoverflow.com/questions/12609110/responsive-css-background-images) – Mosh Feu Apr 01 '19 at 09:24
-
Sir its ok large devices but when i change it from large to small device it did't not show img – Mohammad Rafiq Apr 01 '19 at 09:34
-
just use `background-size:contain;` – Super User Apr 01 '19 at 09:43
-
did you tried `@media` for image in css – Udhay Titus Apr 01 '19 at 09:43
-
no i did't tried @media query i'm trying it now – Mohammad Rafiq Apr 01 '19 at 09:53
-
Thanks alot sir it was media querie issue now it done. – Mohammad Rafiq Apr 01 '19 at 10:01