Les téléphones actuels affichent un viewport CSS d’environ 360 à 440 pixels de large, et les tablettes de 744 à 1032. Les Android compacts sont à 360, les iPhone entre 375 et 440, les grands Android à 412 et plus, l’iPad mini à 744 et les iPad de 11 et 13 pouces entre 820 et 1032. Cette page donne les valeurs appareil par appareil, explique pourquoi elles varient selon les sources pour Android et se termine par la courte liste des largeurs à tester.
Choisissez un appareil dans l’aperçu ci-dessous, saisissez votre adresse et voyez votre propre site à cette taille.
Les largeurs qui comptent
Inutile de tester chaque modèle. Ces largeurs couvrent l’éventail réel :
| Largeur CSS | Appareils typiques | Pourquoi c’est utile |
|---|---|---|
| 320 | iPhone SE (1re génération), iPad en Split View | La largeur la plus étroite où rien ne doit casser |
| 360 | Galaxy S24 et S25, OPPO A6x, beaucoup d’Android milieu de gamme | La largeur courante des Android compacts |
| 375 | iPhone SE (2e et 3e génération), modèles mini | Toujours présente sur les anciens iPhone |
| 390 à 393 | iPhone 14 à 16, Redmi Note 14 | La largeur iPhone la plus répandue |
| 402 | iPhone 17, 17 Pro, 18 Pro | L’iPhone de base actuel |
| 412 à 414 | Pixel 7 à 10, Galaxy S24+ et Ultra | La largeur courante des grands Android |
| 430 à 440 | iPhone Plus et Pro Max | Les téléphones classiques les plus larges |
| 744 à 768 | iPad mini, anciens iPad de 9,7 pouces | Petites tablettes |
| 820 à 834 | iPad (A16), iPad Air 11, iPad Pro 11 | Tablette standard en portrait |
| 1024 à 1032 | iPad Air 13, iPad Pro 12,9 et 13 | Grande tablette en portrait, petit portable en paysage |
Téléphones Android : pourquoi les valeurs diffèrent selon les sources
Android n’a pas de tableau officiel unique, et les listes publiques se contredisent. Screen Size Checker donne au Galaxy S25+ un viewport de 412 × 891, alors que WhatIsMyScreenSize indique 480 × 1040. Les deux divisent la résolution de la dalle par un ratio de pixels estimé, et sous Android ce ratio est souvent fractionnaire (2,625 ; 3,125 ; 3,25) : un petit écart d’estimation décale la largeur de plusieurs dizaines de pixels. Les deux sites précisent que leurs valeurs sont approximatives.
Le tableau ci-dessous reprend les valeurs sur lesquelles les sources concordent ou qui sont des préréglages de notre propre outil, et signale les autres comme approximatives :
| Appareil | Viewport CSS (portrait) | Ratio de pixels |
|---|---|---|
| Galaxy S24, S25 | 360 × 780 | 3 |
| OPPO A6x | 360 × 785 | 2 |
| Galaxy S24+, S24 Ultra, S25 Ultra (approximatif) | 412 × 891 | 3,5 |
| Pixel 8 | 412 × 915 | 2,625 |
| Pixel 9, Pixel 10 | 412 × 923 | 2,625 |
| Pixel 9 Pro, Pixel 10 Pro | 410 × 914 | 3,125 |
| Pixel 9 Pro XL, Pixel 10 Pro XL | 414 × 921 | 3,25 |
| Galaxy Z Fold6, écran externe | 323 × 792 | 3 |
| Galaxy Z Fold6, déplié | 619 × 720 | 3 |
Les pliables sont la raison de tester une largeur inférieure à 360 et une autre vers 620 à 720. Dépliés, ils se situent entre téléphone et tablette, et une mise en page pensée seulement pour les deux extrêmes peut y paraître étirée.
iPhone
Les largeurs des iPhone sont bien documentées. Elles vont de 320 sur le premier SE à 440 sur les modèles Pro Max, avec 375, 390, 393, 402, 420 et 430 entre les deux. La liste complète, avec résolutions et ratios de pixels, se trouve dans le tableau des viewports iPhone.
iPad et autres tablettes
Viewports des tablettes en portrait, d’après la liste iPad de Screen Size Checker. En paysage, largeur et hauteur s’inversent, et tous les iPad ont un ratio de pixels de 2.
| Modèle | Viewport CSS (portrait) |
|---|---|
| iPad mini (A17 Pro, 6e génération) | 744 × 1133 |
| iPad (9e génération) | 810 × 1080 |
| iPad (10e génération, A16), iPad Air 11 | 820 × 1180 |
| iPad Pro 11 (2018 à 2022) | 834 × 1194 |
| iPad Pro 11 (M4) | 834 × 1210 |
| iPad Air 13, iPad Pro 12,9 | 1024 × 1366 |
| iPad Pro 13 (M4) | 1032 × 1376 |
Deux choses compliquent les iPad par rapport à ce que laisse penser le tableau. D’abord, Safari sur iPad demande par défaut la version bureau d’un site : une page peut donc recevoir une mise en page desktop à 820 pixels (voir comment voir un site comme sur iPad dans Chrome). Ensuite, le multitâche réduit la fenêtre : les notes sur les viewports de Maximiliano Firtman indiquent des largeurs de 320 à 694 pixels pour Split View et Side View, de sorte que votre mise en page tablette peut devoir s’afficher à une largeur de téléphone. Sans balise meta viewport, ces mêmes notes relèvent une mise en page de 980 pixels sur iPad.
Lire la taille réelle sur votre propre appareil
Les tableaux de référence ne sont qu’un point de départ. Pour voir ce que rapporte votre appareil, ouvrez la console du navigateur, ou n’importe quelle page qui l’affiche, et exécutez :
`${innerWidth} × ${innerHeight} @ ${devicePixelRatio}x`Les réglages changent le résultat : le zoom d’écran et la taille d’affichage de Samsung, l’échelle du texte du navigateur, une barre d’adresse réduite ou non, et l’orientation. L’article qu’est-ce que la taille du viewport explique pourquoi la hauteur varie sans cesse.
Quelles largeurs tester
Testez 360 et 412 pour Android, 390 et 402 pour iPhone, 744 et 834 pour les tablettes, puis ajoutez 320 comme cas limite et une vue paysage d’un téléphone et d’une tablette. N’en faites pas des points de rupture : les points de rupture liés aux appareils vieillissent vite, et vos points de rupture responsive doivent suivre l’endroit où votre propre mise en page se casse. Ces tailles servent à vérifier, et comment tester le responsive design détaille toute la routine.
Questions fréquentes
Pour quelle taille d’écran concevoir un site mobile ?
Partez de 360 à 390 pixels de large et laissez la mise en page s’étirer jusqu’à environ 440. Évitez les largeurs fixes en pixels sur les conteneurs : la page fonctionnera alors aussi à 320 et sur les pliables dépliés.
La taille d’écran d’un téléphone est-elle la même que son viewport ?
Non. La résolution de l’écran compte les pixels physiques, et le viewport compte des pixels CSS, c’est-à-dire la résolution divisée par le ratio de pixels. Un écran d’iPhone de 1206 × 2622 donne un viewport de 402 × 874.
Pourquoi mon téléphone indique-t-il une autre taille que ces tableaux ?
Les listes de référence estiment le ratio de pixels, et votre appareil applique en plus sa propre taille d’affichage, son zoom et les réglages du navigateur. Fiez-vous au chiffre de votre navigateur quand il diffère.
Sources : listes de Screen Size Checker pour Android et pour iPad (données vérifiées le 24 septembre 2026, valeurs signalées comme non vérifiées par le site) ; WhatIsMyScreenSize, viewports CSS Android (31 juillet 2026, approximatif) ; Maximiliano Firtman, viewports ; YesViz, Galaxy S25. Revérifiez sur vos propres appareils avant de vous appuyer sur une valeur.