Le mobile ne ressemble pas au rendu attendu
Le cadre mobile ne ressemble pas au résultat souhaité ? Changer la largeur du cadre sert à voir le site ; ce n’est pas, à lui seul, une nouvelle règle de design.
Comparer la même page
Ouvrez Écran et comparez les cadres ordinateur, tablette et mobile. Vous pouvez afficher plusieurs rendus côte à côte. Vérifiez que vous comparez la même page, la même langue et le même contenu.
Vérifier la condition du style
Sélectionnez l’élément et regardez la règle active dans les styles. Un changement sans condition d’écran peut concerner tous les rendus. Une règle mobile peut remplacer certaines valeurs tout en héritant des autres réglages. Vérifiez aussi si un état de survol ou de focus est actif pendant votre essai.
Utiliser une règle d’écran · Comprendre les autres conditions
Chercher l’élément qui déborde
Remontez du contenu vers ses parents : texte, image, carte, grille, puis section. Examinez les largeurs imposées, l’espacement, le nombre de colonnes et les éléments qui refusent de se réduire. Un débordement peut venir d’un parent même si le texte sélectionné semble correctement réglé.
Commencez par une modification ciblée, comme passer la grille en une colonne pour le mobile, puis comparez de nouveau les trois rendus. Utilisez les commandes nocode de disposition et de dimensions.
Essayer du contenu représentatif
Un titre plus long, une autre langue ou une image avec un autre cadrage peut révéler un défaut absent dans l’exemple initial. Vérifiez aussi les liens et le menu dans l’aperçu. Après validation, enregistrez et générez une nouvelle préparation : le lien publié peut encore montrer une ancienne version.
Si le défaut persiste, indiquez la largeur testée, l’élément, la règle active et la valeur attendue. Une capture des cadres comparés est plus utile qu’une image isolée du téléphone.