Le viewport Samsung Galaxy S26 utilisé par Mobile Preview est de 360 × 780 pixels CSS en portrait et 780 × 360 en paysage. La caméra est : caméra perforée.
La taille en un coup d’œil
| Portrait | 360 × 780 px |
|---|---|
| Paysage | 780 × 360 px |
| Rapport hauteur / largeur | 2.17 |
| Caméra | caméra perforée |
| Tailwind (portrait) | en dessous de sm (moins de 640 px) |
| Tailwind (paysage) | md (à partir de 768 px) |
Ce sont des pixels CSS (de mise en page), les tailles du cadre de Mobile Preview. Sur un vrai appareil, l’interface du navigateur, le réglage de zoom de l’affichage ou la version du système peuvent les faire varier légèrement.
À tester en CSS
Préférez des breakpoints basés sur votre contenu plutôt que des règles par appareil. Pour reproduire exactement cette taille, par exemple pour déboguer une mise en page, cette media query la cible en portrait :
@media (width: 360px) and (height: 780px) {
/* Samsung Galaxy S26, portrait */
}Les navigateurs Android gardent la barre d’état au-dessus de la page : la caméra perforée cache rarement du contenu dans un onglet normal. Testez les en-têtes collants, les superpositions plein écran et les applications web installées, où la page peut passer sous la barre d’état.
Prévisualiser Samsung Galaxy S26 dans VS Code
Le cadre Samsung Galaxy S26 fait partie de Mobile Preview Pro (6,99 €, paiement unique, sans abonnement). La version gratuite inclut l'iPhone 16, l'iPhone 17 et l'iPhone 17 Pro Max. Installez l’extension, lancez votre serveur de développement, exécutez « Mobile Preview: Show » et choisissez Samsung Galaxy S26 dans le menu des appareils : votre page s’affiche dans le cadre à côté de votre code et se recharge à chaque enregistrement.
Largeurs proches
- iPhone 12 Mini (375 × 812)
- Samsung Galaxy S23 (360 × 800)
- Samsung Galaxy Z Flip8 (360 × 840)
Questions fréquentes
- Quelle est la taille du viewport Samsung Galaxy S26 en pixels CSS ?
- 360 × 780 en portrait (largeur × hauteur) et 780 × 360 en paysage, telles qu’utilisées par Mobile Preview. L’écran physique a plus de pixels ; ce sont les pixels CSS que voit votre mise en page.
- Dans quel breakpoint Tailwind se situe Samsung Galaxy S26 ?
- Avec les breakpoints par défaut de Tailwind, Samsung Galaxy S26 est en dessous de sm (moins de 640 px) en portrait et md (à partir de 768 px) en paysage.
- Puis-je prévisualiser mon site sur Samsung Galaxy S26 dans VS Code ?
- Oui. Le cadre Samsung Galaxy S26 fait partie de Mobile Preview Pro (6,99 €, paiement unique). La version gratuite inclut l'iPhone 16, l'iPhone 17 et l'iPhone 17 Pro Max.
Toutes les tailles d’appareils · EN · ES · PT · DE