Background image is not fit in css

Question

Hi i have tried to set background image to screen without scale but it didn't work please tell me if anyone know thank you..

Sundar · Answer

Try this Below Code In CSS img.bg { /* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; } @media screen and (max-width: 1024px) { /* Specific to this particular image */ img.bg { left: 50%; margin-left: -512px; /* 50% */ } } Another CSS Code #bg { position: fixed; top: 0; left: 0; /* Preserve aspet ratio */ min-width: 100%; min-height: 100%; }

Sundar · Answer

With Bootsrap you can do this. div.someclass { background-size: cover; } Think you can use my first code in the First Reply. It will work for all devices.

Hemanth Raj · Answer

how to make image for mobile landscape without scale

Hemanth Raj · Answer

Hi thanks for you solutions Actually im new to responsive design i dont know how to make images for all devices in landscape can we use one resolution image to all web and android please tell me again thank you

Background image is not fit in css

Answers (4)