je m'attaque au responsive design du cours HTML5/CSS3, mais j'aimerais savoir comment fonctionnent les medias queries quand on utilise un pourcentage à la place des pixels avec la propriété width ? Car avec le pourcentage, ça s'adapte naturellement à la taille de l'écran si j'ai bien suivi ?
Le responsive n'est pas tant une question d'adaptation à un écran, c'est une question d'adaptation à des appareils. Le principe est de s'assurer que la lecture / la navigation / l'utilisation de manière générale reste simple et intuitive sur chaque outil. La taille de l'écran est une donnée parmi d'autres.
Pour en venir aux pourcentages, ils ne sont pas la réponse à tout, loin de là. On peut avoir un design parfaitement fluide et responsive sans le moindre pourcentage — encore d’avantage aujourd’hui grâce à Flexbox et Grid. Les pourcentages sont des valeurs imprécises et capricieuses, et tout n'as pas à être "fluide" : les marges ou une barre latérale, par exemple, ne devraient pas "varier" n'importe comment en fonction de la largeur d’un écran.
Les propriétés min-width et max-width apportent beaucoup plus que de simples width en pourcentages, par exemple.
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Responsive avec la propriété width
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !