Comment puis-je étirer ou mettre à l'échelle un arrière-plan CSS pour l'adapter à son conteneur ?

Étendre et mettre à l'échelle les arrière-plans CSS

Question : Comment pouvez-vous étirer ou mettre à l'échelle un arrière-plan CSS pour l'adapter à son conteneur ?

Réponse :

Pour y parvenir, vous pouvez exploiter la propriété background-size dans CSS3.

#my_container {
    background-size: 100% auto; /* width and height, can be %, px or whatever. */
}

Cette propriété est prise en charge par la plupart des navigateurs modernes depuis 2012, vous permettant de contrôler à la fois la largeur et la hauteur de votre arrière-plan. En définissant la largeur sur 100 %, vous vous assurez que l'arrière-plan s'étend sur toute la largeur du conteneur. Le réglage automatique de la hauteur s'ajustera automatiquement pour conserver le rapport hauteur/largeur de l'arrière-plan.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!