Le bloc Responsive Spacer ajoute un espace vide à votre site Web, que vous pouvez définir dans différentes unités. Il vous permet d'afficher l'espaceur également sur les écrans plus petits où la hauteur de la barre n'est pas le même nombre fixe de pixels sur les grands ordinateurs de bureau et les petits écrans mobiles.
Vous pouvez choisir parmi les unités :
- px – hauteur fixe en pixels
- vh - par rapport à 1% de la hauteur de la fenêtre (2vh signifie 2% de la hauteur de l'écran)
- vw - par rapport à 1% de la largeur de la fenêtre d'affichage (2vw signifie 2% de la largeur de l'écran)
- rem - relatif à la taille de la police de l'élément racine (2rem signifie 2 fois la taille de la taille de la police racine)
- em - relatif à la taille de la police de l'élément (2em signifie 2 fois la taille de la taille de police actuelle)
- % - par rapport à l'élément parent (2% signifie 2% de la hauteur de l'élément parent)
Des valeurs négatives sont également possibles. De cette façon, le contenu sous l'espacement peut déborder sur le contenu au-dessus de l'espacement.
Dans la conception réactive, l'entretoise peut être complètement désactivée avec une bascule Cacher dans responsive. L'espaceur sera désactivé sur les écrans inférieurs à 600 pixels.
