響應式間隔塊

響應式間隔塊向您的網站添加空白空間,您可以使用不同的單位進行定義。它允許您在較小的屏幕上顯示間隔條,其中條形的高度與大型桌面和小型移動屏幕上的固定像素數不同。
您可以選擇以下單位:

  • px – 固定高度(以像素為單位)
  • vh – 相對於視口高度的1%(2vh表示屏幕高度的2%)
  • vw – 相對於視口寬度的1%(2vw表示屏幕寬度的2%)
  • rem – 相對於根元素的 font-size (2rem 表示根字體大小的 2 倍)
  • em – 相對於元素的 font-size(2em 表示當前字體大小的 2 倍)
  • % – 相對於父元素(2%表示父元素高度為2%)

負值也是可能的。這樣,間隔符下方的內容就可以溢出間隔符上方的內容。
在響應式設計中,可以通過切換按鈕完全關閉墊片 隱藏在響應式中。在小於 600 像素的屏幕上,間隔符將被禁用。