18041 sujets
Questions générales et questions de débutants
Salut et bienvenue sur le forum,
Si tu veux définir une taille par rapport à la hauteur de ton écran (viewport), tu peux utiliser l'unité vh.
C'est comme un pourcentage basé sur la hauteur du viewport : 1vh = 1% de la hauteur.
Attention cependant au support sur iOS 7 : http://caniuse.com/#feat=viewport-units. Le support est nickel sur vw (basé sur la largeur) mais un peu buggué sur le vh.
Un test là : http://codepen.io/korell/pen/EKbmdM
Modifié par MatthieuR (05 Apr 2016 - 09:21)
Si tu veux définir une taille par rapport à la hauteur de ton écran (viewport), tu peux utiliser l'unité vh.
C'est comme un pourcentage basé sur la hauteur du viewport : 1vh = 1% de la hauteur.
Attention cependant au support sur iOS 7 : http://caniuse.com/#feat=viewport-units. Le support est nickel sur vw (basé sur la largeur) mais un peu buggué sur le vh.
Un test là : http://codepen.io/korell/pen/EKbmdM
Modifié par MatthieuR (05 Apr 2016 - 09:21)
salut,
pour pouvoir faire ça avec les unité %, il faut que tous les parents de ton carré aient une hauteur égale à 100%. Tu devras donc commencer par mettre le <html> et le <body> à une hauteur de 100% et tu fais ensuite pareil sur les autres parents.
Voici un exemple simple et un autre avec plusieurs conteneurs
pour pouvoir faire ça avec les unité %, il faut que tous les parents de ton carré aient une hauteur égale à 100%. Tu devras donc commencer par mettre le <html> et le <body> à une hauteur de 100% et tu fais ensuite pareil sur les autres parents.
Voici un exemple simple et un autre avec plusieurs conteneurs
