Responsive Spacer voegt lege ruimte toe aan je website, die je in verschillende eenheden kunt definiëren. Hiermee kun je de spacer ook weergeven op kleinere schermen waar de hoogte van de balk niet hetzelfde vaste aantal pixels is op grote desktops en kleine mobiele schermen.Je kunt...
Je kunt kiezen uit eenheden:
- px - vaste hoogte in pixels
- vh - relatief ten opzichte van 1% van de hoogte van de viewport (2vh betekent 2% van de schermhoogte)
- vw - relatief ten opzichte van 1% van de breedte van de viewport (2vw betekent 2% van de schermbreedte)
- rem - relatief ten opzichte van de lettergrootte van het basiselement (2rem betekent 2 keer de grootte van de basislettergrootte)
- em - relatief ten opzichte van de lettergrootte van het element (2em betekent 2 keer de grootte van de huidige lettergrootte)
- % - relatief ten opzichte van het bovenliggende element (2% betekent 2% van de hoogte van het bovenliggende element)
Negatieve waarden zijn ook mogelijk. Op die manier kan inhoud onder de tussenruimte overlopen over de inhoud boven de tussenruimte.
In responsief ontwerp kan spacer volledig worden uitgeschakeld met toggle Verbergen in responsief. De spacer wordt uitgeschakeld op schermen kleiner dan 600px.
