Si la page créée dans le bloc universel s'affiche correctement sur un ordinateur, mais que le site ne s'affiche pas correctement sur l'écran d'un téléphone mobile ou d'une tablette en raison de la taille différente de ces appareils.
Informations clés
Dans le bloc universel, vous devez configurer les adaptations pour la tablette et le téléphone en positions horizontale et verticale.
- Pour un ordinateur, la taille du bloc est de 1200px.
- La tablette en position horizontale est de 960px
- La tablette en position verticale est de 640px
- Le téléphone en position horizontale est de 480px
- Le téléphone en position verticale est de 320px
Il existe un outil dans le bloc à cet effet qui, lorsqu'il est activé, affiche automatiquement la taille de la page dans laquelle tous les éléments créés du site doivent s'insérer : texte, formes, boutons, vidéos, etc.
Au début, nous créons un design pour une grande version de l'écran (ordinateur)
Ensuite, nous commençons à adapter la page créée, d'abord pour la tablette en position horizontale, et ainsi de suite. Pour ce faire, nous utilisons la barre d'outils dans le bloc, en ajustant les tailles des textes et des éléments afin qu'ils ne dépassent pas du bloc, sinon ils ne seront pas visibles sur les appareils des utilisateurs du site.
Voici quelques exemples de l'apparence que la page devrait avoir pour chaque taille :
Tablette en position horizontale 960px
La tablette en position verticale 640px
Le téléphone en position horizontale 480px
Le téléphone en position verticale 320px
Tous les blocs de base dans le constructeur de site web s'adaptent automatiquement à la taille d'écran souhaitée. Lisez les articles suivants pour en savoir plus sur les blocs de base.