1486 sujets

Web Mobile et responsive web design

Bonjour à tous, voici mon problème :

j'utilise un media queries pour du responsive (Le principe étant de passer d'un display block à un display flex ), seulement cette fois-ci je suis un peu perturbé puisque la valeur que je renseigne "@media only screen and (min-width: 900px) " ne s'applique pas, ou plutôt elle ne s'applique pas correctement puisque en inspectant, le breakpoint s'effectue à 805px exactement... Smiley eek



Ce n'est pas dérangeant puisque je peux adapter le (min-width) en fonction de la marge d'erreur mais j'aimerais comprendre. Smiley hum
(Je pense que c'est un problème au niveau de l'inspecteur, peut-être quelque chose que j'aurais changé.)

Est-ce que quelqu'un pourrait m'aider s'il vous plait ?

Merci d'avance.
Modifié par steven22 (23 Jul 2019 - 21:06)
Modérateur
805px , c'est bien la largeur de la fenêtre ?

As tu un morceau de code qui permette de reproduire le problème que tu décris ?
J'ai trouvé !

Je ne sais pas par quel phénomène mais la vue adaptative de l'inspecteur c'est déréglé.
C'est en sortant l'outil règle que j'ai pus constaté le problème.
J'ai donc passé la vue adaptative en paysage puis je suis revenu en portrait et les mesures coïncidaient à nouveau..

Merci quand même, j'aurais passé 3h la dessus Smiley bawling Smiley bawling Smiley fache
Modifié par steven22 (23 Jul 2019 - 21:46)
Meilleure solution