Background image is not fit in css

Sundaram Subramanian9y ago

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 Raj9y ago

how to make image for mobile landscape without scale

Hemanth Raj9y ago

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

Sundaram Subramanian9y ago

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%;

}