Salut tout le monde !
Une petite question sur le responsive design : J'ai mon site, prévu pour format 1920*1080, et je souhaite le mettre, en premier, en responsive design pour les pc avec un écran plus petit.
Du coup, je compte remplacer toute mes valeurs en px par des %, et changer la taille de la police en fonction de celle de l'écran.
Problème : impossible de mettre une hauteur en %. Y a t'il une solution ?
Merci de m'avoir lu !

En css, les dimensions se font toujours en fonctions de leur parent. D'où ton problème.

Tu devrais t'orienter éventuellement vers des unites relatives responsives (comme vh et vw) ou travailler avec des dimensions fixes et des media-queries.

bah tu fais un media query petit ecran
avec des valeurs fixe pour chaque element titre/paragraphe etc...

Tu peux tout mettre en % et les polices en em/rem.
Pour les hauteurs et les margin-top/bottom/padding tu peux mettre sa en px sans problème, sa brisera pas le layout.

Tu fait des mediaquerry comme dit aussi!

Le 31 mai 2016 à 20:13:00 lisarael a écrit :
En css, les dimensions se font toujours en fonctions de leur parent. D'où ton problème.

Tu devrais t'orienter éventuellement vers des unites relatives responsives (comme vh et vw) ou travailler avec des dimensions fixes et des media-queries.

Attention avec le vh sur mobile car la hauteur du viewport est modifié dès que l'on scroll vers le bas dans la plupart des navigateurs.

Le viewport voit sa hauteur augmenté quand la barre d'adresse disparait au scroll.

Salut,

je peut te conseiller un article et un livre sur le responsive design ou tu en apprendra beaucoup. Comment bien utilisé les medias queries, pensez mobile first etc

http://joibor.fr/livres-htmlcss-co/