Catégories d'outils
Catégories Voir tous les outils

My Screen Resolution

Consultez la taille actuelle de votre viewport et la résolution d'écran — se met à jour en direct quand vous redimensionnez la fenêtre.

Comment utiliser

  1. Ouvrez la page pour voir la taille de votre viewport (la zone intérieure de la fenêtre du navigateur).
  2. Redimensionnez la fenêtre du navigateur — le nombre se met à jour en direct.
  3. La résolution d'écran et le ratio de pixels sont aussi affichés pour référence.

À propos de cet outil

Le viewport est la zone à l'intérieur de la fenêtre du navigateur où la page s'affiche — c'est ce que les media queries CSS testent avec max-width et min-width. La résolution d'écran est l'affichage complet. Ils sont différents : un navigateur maximisé sur un écran 1920×1080 a un viewport d'environ 1920×969 (moins le chrome du navigateur).

Cet outil affiche les dimensions du viewport en temps réel, se mettant à jour quand vous redimensionnez la fenêtre. Les développeurs web l'utilisent pour tester les points de rupture responsive sans ouvrir les DevTools.

Le ratio de pixels est inclus car il affecte le rendu des images et du CSS : un écran 2× nécessite des images @2x pour un rendu net.

Questions fréquentes

Viewport vs résolution d'écran ?

La résolution d'écran est l'affichage complet. Le viewport est la zone de contenu de la fenêtre du navigateur — plus petit de la hauteur de la barre d'adresse, des onglets et des barres système.

Does this work on mobile?

Oui — le viewport sur mobile est la zone entre la barre d'adresse et la navigation du bas.

Mes données quittent-elles le navigateur ?

No. Everything runs locally in JavaScript on your device — nothing is transmitted or stored.

resolução viewport tela janela responsivo dimensões pixels largura altura screen window CSS

Outils associés

Monitor Info Consultez la résolution de votre écran, la profondeur de couleur, le ratio de pixels et le nombre de pixels physiques. Calculatrice PPI / DPI Trouvez la densité de pixels, le pas de pixel et la classe de netteté de n'importe quel écran à partir de sa résolution et de sa diagonale — dans votre navigateur. Dead Pixel Test Remplissez l'écran d'une couleur unie pour trouver les pixels morts ou bloqués de votre moniteur. Redimensionneur d'images Redimensionnez des images aux dimensions exactes dans votre navigateur — le fichier ne quitte jamais votre appareil. Convertisseur d'unités CSS (px ↔ em, rem, pt, %) Convertissez px, em, rem, pt et % avec une taille de police de base configurable — table d'équivalence complète dans votre navigateur. Calculateur de ratio d'aspect Simplifiez n'importe quelle largeur × hauteur en son ratio d'aspect, ou trouvez la dimension manquante — dans votre navigateur.

Des liens trop longs ? Raccourcissez-les gratuitement

Vai.la transforme n'importe quelle URL en lien court avec statistiques de clics, QR Code et votre propre biolink.

Raccourcir un lien Créer un compte gratuit

Vai.la n'est pas responsable de l'utilisation des outils ni des décisions prises sur la base de leurs résultats.