← Menu

📱 Test Mobile

Vérification du responsive design

🖥️ Desktop (>1024px) 📱 Tablette (≤1024px) 📱 Mobile (≤768px) 📱 Petit (≤480px) 📱 Très petit (≤360px) 📱 Paysage

ℹ️ Informations de l'écran

Largeur : -px
Hauteur : -px
Orientation : -
Ratio de pixels : -

👆 Test des zones tactiles

Tous les boutons doivent faire minimum 44x44px (Apple HIG)

Toucher ici
Et ici
Et là aussi

📐 Test des grilles adaptatives

Desktop: 4 colonnes | Tablette: 2 colonnes | Mobile: 1 colonne | Paysage: 2 colonnes

Item 1
Item 2
Item 3
Item 4

📝 Test de lisibilité du texte

Ce texte doit être lisible sans zoom sur tous les appareils.

Texte plus petit pour vérifier la lisibilité.

Texte encore plus petit (minimum recommandé).

📋 Test de formulaire

✅ Font-size: 16px pour éviter le zoom automatique sur iOS

📱 Test Safe Area (iPhone X+)

Top : -
Right : -
Bottom : -
Left : -

Sur iPhone X+, les valeurs ne doivent pas être 0px (notch)

✅ Checklist

✓ Texte lisible sans zoom
✓ Boutons facilement touchables
✓ Grilles adaptatives
✓ Formulaire sans zoom automatique
✓ Safe Area respectée
✓ Orientation supportée