Comparer les écrans et utiliser l’aperçu

Comparer plusieurs écrans permet de repérer les différences de lecture avant de modifier le design.

1. Afficher plusieurs tailles

Ouvrez Écran, dans la barre du haut. Activez Tailles d’écran multiples. Les cadres de plusieurs largeurs apparaissent côte à côte : ils affichent la même page.

2. Choisir les cadres utiles

Dans le menu Écran, utilisez les tailles proposées pour afficher ou retirer un cadre. Gardez par exemple l’ordinateur, la tablette et le mobile pour comparer le titre, les images et les boutons.

La largeur d’un cadre sert à observer la page. Elle ne crée pas automatiquement une règle de style réservée à cette largeur.

3. Regarder ce qui compte

Vérifiez la longueur des titres, les retours à la ligne, le cadrage des images et la place des boutons. Le texte reste commun aux rendus de la même langue. Une modification du contenu peut donc apparaître dans plusieurs cadres.

4. Tester avec l’aperçu

Choisissez le cadre à tester, puis activez l’aperçu avec la commande prévue dans Écran. Cliquez sur les liens et vérifiez les déplacements dans la page. Quittez l’aperçu pour reprendre l’édition.

Si une adaptation est nécessaire

Pour modifier une valeur selon la largeur, suivez le guide Adapter le design avec des règles d’écran.

Utilisez les réglages nocode de style et les règles d’écran. Vérifiez les conditions déjà présentes : une règle existante peut avoir priorité. Modifier la taille d’un cadre et modifier une condition de style sont deux gestes distincts.

Contrôler une version de prévisualisation publiée

Revenir au parcours du premier site