HTML/CSS - Faire d'arrière-plan s'adapter à toute taille de la fenêtre
J'ai besoin d'aide pour faire mon fond adapter correctement.
Je veux que l'ensemble de l'image à afficher et d'être tendu si j'utilise la fenêtre en plein écran.
L'image est plus petite que mon moniteur, alors quand j'ai essayer de l'étirer, seulement des zooms-en.
Je vais vous montrer l'image.
Image peut être vu ici:
http://i.imgur.com/DDsTag7.jpg
Mon code pour l'instant (CSS):
body {
background-image:url(Ranger_with_Tusks_of_Killed_Elephant.jpg);
background-size:100%;
background-repeat:no-repeat;
height: 100%;
width: 100%;
}
Complètement ruines de l'image de fond sur mon taille de l'écran: 1 920 x 1 080
Comment puis-je la faire apparaître l'ENSEMBLE de l'image quelle que soit la taille?
Uniquement à l'aide de CSS, de préférence.
Mon code fonctionne très bien aussi LONGTEMPS QUE la taille de la fenêtre ne doit pas dépasser la largeur/hauteur de l'image. Essayez mon code et de voir par vous-même, il ne montre pas l'image complète. C'est comme ça zoome-en.
OriginalL'auteur aliazik | 2014-11-07
Vous devez vous connecter pour publier un commentaire.
suffit d'utiliser le code ci-dessous
OriginalL'auteur Fas M
Je pense que ce que vous cherchez pour est
background-size: cover;
OriginalL'auteur sandyapplebum