Mon site s'affiche différemment sur différents appareils et tailles d'écran

Les éléments de votre site en ligne s'alignent avec d'autres éléments. Chaque navigateur Web affiche le texte différemment, ce qui peut parfois amener les éléments situés sous une zone de texte à s'aligner plus haut ou plus bas selon le navigateur.

Pour résoudre ce problème, vous pouvez définir la hauteur de vos zones de texte afin que les éléments situés en dessous s’alignent de la même manière sous différents navigateurs.

En savoir plus

Différents navigateurs et appareils utilisent divers moteurs de rendu, ce qui peut entraîner des différences mineures dans l’apparence de votre police.

Si certains navigateurs contiennent du texte qui apparaît sur plusieurs lignes (au lieu de une), développez votre zone de texte afin qu'elle soit plus large que nécessaire. Cela permet au texte de se développer sans rendu sur la ligne suivante. Voir ci-dessous :

 Votre navigateur affiche une barre de défilement horizontale s'il détecte qu'un élément de votre site se situe à gauche ou à droite de la fenêtre de votre navigateur.

Pour supprimer la barre de défilement horizontale, déplacez tout votre contenu dans les Grilles verticales de votre Éditeur ou utilisez des éléments réactifs.

Suggestion : Si vous ne trouvez pas l'élément, cliquez dans votre Éditeur et appuyez sur les touches Ctrl + M de votre clavier (Cmd + M sur Mac) jusqu'à ce que vous le sélectionniez.

Les éléments placés en dehors des Grilles verticales seront coupés sur des tablettes et des écrans plus petits. Nous vous recommandons de placer un contenu important à l'intérieur des Grilles verticales pour vous assurer qu'elles sont visibles sur tous les écrans.

Vous pouvez également utiliser des éléments pleine largeur sur votre site (bandes, colonnes, galeries, par exemple) pour vous assurer que votre contenu reste visible.
En savoir plus