Responsive Spacer 블록은 웹 사이트에 빈 공간을 추가하며 다른 단위로 정의할 수 있습니다. 바의 높이가 큰 데스크탑과 작은 모바일 화면에서 동일한 고정 픽셀 수가 아닌 작은 화면에서도 스페이서를 표시할 수 있습니다.
다음 단위 중에서 선택할 수 있습니다.
- px – 고정 높이(픽셀 단위)
- vh – 뷰포트 높이의 1% 기준(2vh는 화면 높이의 2%를 의미함)
- vw – 뷰포트 너비의 1% 기준(2vw는 화면 너비의 2%를 의미함)
- rem – 루트 요소의 글꼴 크기에 상대적(2rem은 루트 글꼴 크기의 2배 크기를 의미함)
- em – 요소의 글꼴 크기에 상대적(2em은 현재 글꼴 크기의 2배 크기를 의미함)
- % – 상위 요소 기준(2%는 상위 요소 높이의 2%를 의미함)
음수 값도 가능합니다. 그렇게 하면 스페이서 아래의 콘텐츠가 스페이서 위의 콘텐츠 위로 넘칠 수 있습니다.
반응형 디자인에서 토글로 스페이서를 완전히 끌 수 있습니다. 반응형으로 숨기기. 600px보다 작은 화면에서는 스페이서가 비활성화됩니다.
