Appareils prédéfinis
Entrez une URL ci-dessus et cliquez sur
"Tester" pour prévisualiser
Limitation des iframes
Certains sites bloquent l'affichage en iframe pour des raisons de sécurité (en-tete X-Frame-Options ou Content-Security-Policy). Si le site ne s'affiche pas, c'est normal. Dans ce cas, vous pouvez utiliser les outils de développement de votre navigateur (F12) pour simuler differentes tailles d'ecran.
Comparaison visuelle des tailles
Représentation proportionnelle des 3 principales catégories d'appareils pour comprendre les différences de taille.
375x667
Mobile
375 x 667px
768x1024
Tablette
768 x 1024px
1440x900
Desktop
1440 x 900px
Référence rapide des breakpoints
| Breakpoint | Largeur min | CSS Media Query | Tailwind | Appareils |
|---|---|---|---|---|
| xs | 0px | default | (default) | Petits mobiles |
| sm | 640px | @media (min-width: 640px) | sm: | Mobiles larges |
| md | 768px | @media (min-width: 768px) | md: | Tablettes |
| lg | 1024px | @media (min-width: 1024px) | lg: | Petits laptops, iPad Pro |
| xl | 1280px | @media (min-width: 1280px) | xl: | Laptops, desktops |
| 2xl | 1536px | @media (min-width: 1536px) | 2xl: | Grands ecrans |
Votre site n'est pas responsive ?
Un site non adapté aux mobiles perd en moyenne 50% de ses visiteurs. Nos développeurs peuvent rendre votre site parfaitement responsive ou le reconcevoir avec une approche mobile-first.