Points d'arrêt CSS
Lors de l'utilisation de conceptions par défaut, le système appliquera différents points d'arrêt lors du basculement entre mobile, tablette et ordinateur de bureau. Les points d'arrêt sont :
Un petit peu
- Taille de l'écran inférieure à 321 px de largeur ou 321 px de hauteur
- La taille de la police est ajustée à 0.38
- La hauteur de la ligne est ajustée à 1.05em
- Le remplissage de la boîte est réduit à 5px
- Taille d'écran inférieure à 450x450 : La boîte est redimensionnée à 100 % 100 %
Mobile : Portrait
- Taille de l'écran inférieure à 480 px de largeur et 926 px de hauteur
- Largeur de la boîte étendue à 100 % et hauteur minimale de 300 px
- Les boutons sont placés sous le contenu
- Le logo est masqué
- Le rembourrage est réduit
- Supplémentaire : si la taille de l'écran est inférieure à 414x736 ou 736x414 (par exemple iPhone 6/7/8), le rembourrage de la boîte est réduit
Mobile : Paysage
- Taille de l'écran inférieure à 926 px de largeur et 480 px de hauteur
- Largeur de la boîte étendue à 100 % et hauteur minimale de 150 px
- Les boutons sont placés sur le côté droit du contenu avec une largeur de 250px
- Le logo est masqué
- Le rembourrage est réduit
- Supplémentaire : si la taille de l'écran est inférieure à 414x736 ou 736x414 (par exemple iPhone 6/7/8), le rembourrage de la boîte est réduit
Ordinateur de bureau et tablette
- Taille de l'écran supérieure à 926 x 480 ou 480 x 926
Requêtes multimédias supplémentaires
Calques positionnés comme "bas/pleine largeur", "haut/pleine largeur" et "Push down":
- Largeur maximale 1500 100 px : le contenu (titre, texte et objectifs) de la couche de consentement sera réduit à "450 % - XNUMX px" afin d'afficher les boutons sur le côté droit du contenu.
- Largeur maximale 1200 100 px : le contenu (titre, texte et objectifs) de la couche de consentement sera réduit à "250 % - XNUMX px" afin d'afficher les boutons sur le côté droit du contenu. Ce
- Largeur maximale 800 px : le contenu (titre, texte et objectifs) de la couche de consentement sera étendu à 100 % afin d'afficher les boutons sous le contenu.
Calques positionnés comme "en bas/à droite", "en bas/au centre", "au milieu/au centre" et "en haut/au centre":
- Largeur maximale 600 px : la boîte est redimensionnée à 100 % de sa largeur.
Calques positionnés comme "milieu/centre":
- Hauteur maximale 600 px et largeur minimale 926 px : la boîte est redimensionnée à pleine hauteur et le contenu est configuré pour s'adapter avec un débordement automatique afin d'éviter que la boîte ne soit trop haute pour la fenêtre.
Calques positionnés comme "droite/pleine hauteur" et "gauche/pleine hauteur":
- Largeur maximale 400 px : la boîte est redimensionnée à 100 % de sa largeur.
Page des paramètres personnalisés:
