Ajuster l'image de fond au div

Question

J'ai une image de fond dans la division suivante, mais l'image est coupée :

 <div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center">

Y a-t-il un moyen d'afficher l'image de fond sans la couper ?

Answer 1

Essayez l'un des éléments suivants,

background-size: contain;
background-size: cover;
background-size: 100%;

.container{
    background-size: 100%;
}

Answer 2

Vous pouvez soit modifier la largeur et la hauteur de votre div, soit définir la taille de l'arrière-plan.

Answer 3

Définissez la largeur et la hauteur de la division exactement comme la largeur et la hauteur de l'image.