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