Vue d'ensemble des points d'arrêt
Les points d'arrêt sont des plages de pixels correspondant à la largeur de différents appareils, tels qu'un ordinateur, une tablette ou un mobile. Lorsque la largeur d'un appareil se situe dans une plage de pixels prédéfinie par les points d'arrêt, la mise en page du site est ajustée afin que le contenu et le design soient optimisés pour la taille et l'orientation de l'appareil. Par exemple, si je consulte un site sur un ordinateur, je peux voir le menu complet, mais sur mon appareil mobile, je vois un menu hamburger.
Note:
Cet article concerne uniquement les utilisateurs ayant commencé à utiliser Flex après le 18 juillet 2022. Si vous utilisez la version 1.0 de Flex, consultez la section Points d'arrêt Flex (1.0).
Points d'arrêt flexibles
Le point d'arrêt principal de Flex est l'ordinateur. Si vous modifiez la conception ou le contenu du point d'arrêt pour ordinateur, ces modifications sont automatiquement appliquées aux autres points d'arrêt pour ordinateur, tablette et mobile. Si vous modifiez du contenu, comme l'ajout d'un widget, le remplacement d'une image ou la modification de texte, la modification s'applique automatiquement à tous les autres points d'arrêt, quel que soit le point d'arrêt sur lequel la modification a été effectuée.
Cependant, si vous modifiez la position ou la taille d'un élément sur des points d'arrêt spécifiques, ces modifications ne s'appliquent pas aux autres. Par exemple, si vous modifiez la taille d'un élément sur le point d'arrêt mobile, la modification s'applique uniquement aux points d'arrêt mobile et paysage mobile, et à aucun autre point d'arrêt.
Dans Flex, les points d’arrêt par défaut sont :
Note:
Nous vous recommandons de vérifier les modifications des points d'arrêt mobiles sur un appareil mobile, au lieu de redimensionner un écran de bureau.
Vous pouvez basculer entre les points d'arrêt en haut de la page en cliquant sur les différentes vues.
Changements structurels
Les modifications structurelles apportées à un point d'arrêt affectent tous les autres. Si vous vous trouvez sur un point d'arrêt autre que le point d'arrêt principal (bureau) et que vous effectuez une modification structurelle, un message d'avertissement s'affiche pour vous informer que la modification affecte tous les points d'arrêt. Les modifications structurelles incluent les modifications de contenu ou de mise en page, telles que l'ajout ou la suppression de sections, de colonnes, de boîtes flexibles, de widgets ou de grilles avancées.
Masquer au point d'arrêt
Vous pouvez masquer certains éléments à des points d'arrêt spécifiques depuis le panneau des calques ou le menu flottant de l'élément. Par exemple, vous pouvez masquer une image sur un appareil mobile sans que cela n'affecte les autres points d'arrêt.
Note:
Si vous masquez un élément contenant d'autres éléments imbriqués, tous les éléments imbriqués seront également masqués à ce point d'arrêt. Par exemple, si vous masquez une colonne flexible, les widgets qu'elle contient seront également masqués.
Pour masquer un élément sur un point d’arrêt spécifique :
Passez au point d’arrêt sur lequel vous souhaitez masquer l’élément en cliquant sur la vue dans la navigation supérieure.
Cliquez sur l’élément que vous souhaitez masquer.
Cliquez sur l'icône des trois points horizontaux ( 
) dans le menu flottant et sélectionnez « Masquer sur ce point d'arrêt » . Ou, dans le panneau des calques, cliquez sur « Masquer sur ce point d'arrêt » à côté de l'élément.
Remplacements de points d'arrêt
Lorsque vous modifiez du contenu, vous pouvez effectuer la modification à partir de n'importe quel point d'arrêt ; cela affectera tous les points d'arrêt. Cependant, il peut parfois être nécessaire de remplacer un point d'arrêt. Par exemple, sur le point d'arrêt principal, une image se trouve à droite d'un paragraphe, alors que sur mobile, l'image doit être placée au-dessus et le paragraphe en dessous.
Voici les modifications que vous pouvez apporter à un élément et remplacer le point d'arrêt principal :
Alignement
Position
Taille
Espacement
Note:
Une fois que vous avez remplacé un point d’arrêt, vous ne pouvez pas annuler la modification en modifiant le style du point d’arrêt principal sur le même objet.