Responzivní distanční blok

Responzivní blok Spacer přidává na web prázdné místo, které můžete definovat v různých jednotkách. Umožňuje zobrazit mezerník i na menších obrazovkách, kde výška pruhu není stejná jako pevný počet pixelů na velkých stolních počítačích a malých obrazovkách mobilních telefonů.
Můžete si vybrat z jednotek:

  • px - pevná výška v pixelech
  • vh - relativní k 1% výšky viewportu (2vh znamená 2% výšky obrazovky)
  • vw - relativní k 1% šířky zobrazovacího panelu (2vw znamená 2% šířky obrazovky).
  • rem - relativní k velikosti písma kořenového prvku (2rem znamená dvojnásobek velikosti písma kořenového prvku).
  • em - relativní velikost písma elementu (2em znamená dvojnásobek aktuální velikosti písma).
  • % - relativně k nadřazenému prvku (2% znamená 2% výšky nadřazeného prvku)

Možné jsou i záporné hodnoty. Tímto způsobem může obsah pod mezerníkem přetékat přes obsah nad mezerníkem.
V responzivním designu lze mezerník přepínačem zcela vypnout. Skrýt v citlivém. Na obrazovkách menších než 600px bude mezerník vypnut.