Testeur de résolution d'écran gratuit
Voyez la taille actuelle de votre fenêtre de navigateur, la résolution de l'écran, le ratio de pixels de l'appareil et quel breakpoint Tailwind est actif. Mise à jour en temps réel au redimensionnement. Sans inscription.
100% gratuit — aucun compte requis
0 x 0
Taille de la fenêtre
Résolution de l'écran
0 x 0
Ratio de pixels de l'appareil
1x
Orientation
Paysage
Breakpoint Tailwind
Correspondances d'appareils
Fonctionnalités de Testeur de résolution d'écran gratuit
Métriques en temps réel du navigateur et de l'écran
Breakpoints Tailwind
Sachez quel breakpoint Tailwind CSS (sm/md/lg/xl/2xl) est actuellement actif.
Correspondance d'appareils
Voyez quels appareils courants correspondent à la taille actuelle de votre fenêtre.
Ratio de pixels
Voyez le ratio de pixels de votre appareil — important pour les écrans Retina/haute résolution.
Mises à jour en direct
Toutes les valeurs se mettent à jour instantanément quand vous redimensionnez votre fenêtre de navigateur.
FAQ
Qu'est-ce que le ratio de pixels de l'appareil ?
Le DPR est le rapport entre les pixels physiques et les pixels CSS. Un DPR de 2 (Retina) signifie que chaque pixel CSS est rendu par 4 pixels physiques.
Pourquoi ma résolution diffère-t-elle des specs de mon écran ?
La taille de la fenêtre du navigateur ≠ la résolution de l'écran. La fenêtre est généralement plus petite que l'écran, et la mise à l'échelle DPR signifie que les pixels CSS diffèrent des pixels physiques.
Que sont les breakpoints Tailwind ?
sm : 640px, md : 768px, lg : 1024px, xl : 1280px, 2xl : 1536px. Votre mise en page change à ces largeurs dans le design responsive Tailwind CSS.
Créez du contenu responsive
Testez vos designs responsive sur tous les appareils.