Responsive Spacer -lohko lisää verkkosivustollesi tyhjää tilaa, jonka voit määrittää eri yksiköissä. Sen avulla voit näyttää välikkeen myös pienemmillä näytöillä, joilla palkin korkeus ei ole sama kiinteä pikselimäärä suurilla työpöydillä ja pienillä mobiilinäytöillä....
Voit valita yksiköitä:
- px - kiinteä korkeus pikseleinä
- vh - suhteessa 1%:n korkeuteen näkymäikkunan korkeudesta (2vh tarkoittaa 2%:n korkeutta näytön korkeudesta).
- vw - suhteessa 1%:n näkymäikkunan leveyteen (2vw tarkoittaa 2%:n näytön leveyttä).
- rem - suhteessa juurielementin fonttikokoon (2rem tarkoittaa, että fontin koko on 2 kertaa juurielementin fonttikoko).
- em - suhteessa elementin fonttikokoon (2em tarkoittaa 2 kertaa nykyisen fonttikoon kokoa).
- % - suhteessa vanhempaan elementtiin (2% tarkoittaa 2% vanhempien elementtien korkeudesta).
Myös negatiiviset arvot ovat mahdollisia. Näin välimerkin alapuolella oleva sisältö voi valua välimerkin yläpuolella olevan sisällön yli.
Reagoivassa suunnittelussa välilevy voidaan kytkeä kokonaan pois päältä vaihtamalla sitä Piilota responsiivinen. Välikappale poistetaan käytöstä alle 600 pikseliä pienemmillä näytöillä.
