Medias Queries

Bonsoir tout le monde,

Y’a-t-il moyen de connaître la largeur en px de la fenêtre d’un navigateur ?

Je passe un temps fou à chercher les bonnes Medias Queries

Merci beaucoup et bonne soirée

P.

Hello, tu veux voir quelle dimension exactement ? Et par quel moyen (JS, CSS, autre) ou pour quel usage ?

La taille d’une fenêtre ne correspond pas forcément à celle du viewport, par exemple. Et le viewport peut avoir des dimensions dynamiques (par exemple sur mobile, avec la barre d’adresse qui disparaît).

Si tu veux jouer avec différentes dimensions, le plus simple reste de passer en mode conception adaptative via les outils de développement de ton navigateur. Là il devrait afficher les dimensions du viewport simulé.

P.S. : J’ai déplacé le topic dans le forum Développement Web plutôt que Dev Zone qui lui est dédié au développement de Zeste de Savoir.

Salut viki53,

l’extension Viewport Resize (pour CHROME) est exactement ce que je cherchais.

Merci beaucoup et bonne journée

Désolé viki53,

j’ai regardé partout mais je n’arrive pas à voir la simulation viewport avec "Viewport Resize".

Peux-tu m’aider stp ?

Merci

Comment ça ?

As-tu regardé dans les outils de développement de ton navigateur ? Normalement tu devrais avoir une icône pour lancer le mode conception adaptative.

Par exemple sur Firefox elle ressemble à ça :

Ensuite tu peux accéder aux réglages avec des viewports pré-définis ou en entrant tes propres dimensions (et tu dois pouvoir redimensionner l’aperçu à volonté) :

Il n’y a pas besoin d’une extension pour ça, la plupart des navigateurs intègrent ça nativement maintenant.

Super, merci beaucoup. J’ai bien regardé sur Firefox mais je ne savais pas qu’on pouvait paramétrer la "taille"

J’y fonce, encore merci