Reaktionsfreudiger Spacer-Block

Der Responsive Spacer-Block fügt Ihrer Website leeren Raum hinzu, den Sie in verschiedenen Einheiten definieren können. Damit können Sie den Abstandshalter auch auf kleineren Bildschirmen anzeigen, bei denen die Höhe der Leiste nicht der festen Pixelanzahl auf großen Desktops und kleinen mobilen Bildschirmen entspricht.
Sie können aus folgenden Einheiten wählen:

  • px – feste Höhe in Pixel
  • vh – relativ zu 1% der Höhe des Ansichtsfensters (2vh bedeutet 2% der Bildschirmhöhe)
  • vw – relativ zu 1% der Breite des Ansichtsfensters (2vw bedeutet 2% der Bildschirmbreite)
  • rem – relativ zur Schriftgröße des Stammelements (2rem bedeutet 2-fache Größe der Stammschriftgröße)
  • em – relativ zur Schriftgröße des Elements (2em bedeutet 2-fache Größe der aktuellen Schriftgröße)
  • % – relativ zum übergeordneten Element (2% bedeutet 2% der Höhe des übergeordneten Elements)

Auch negative Werte sind möglich. Auf diese Weise kann der Inhalt unterhalb des Abstandshalters über den Inhalt oberhalb des Abstandshalters überlaufen.
Im responsiven Design, per Toggle komplett abschaltbar Verstecke dich im Responsive. Der Abstandshalter wird auf Bildschirmen kleiner als 600 Pixel deaktiviert.