다양한 화면 크기에서 요소 숨기기

Webflow에서 장치 기반 가시성을 제어합니다.

이전에는 Webflow Designer에는 다양한 화면 크기에서 가시성을 조정할 수 있는 개별 요소에 대한 특정 선택 사항이 포함되었습니다. 데스크톱과 태블릿에는 표시되지만 모바일 화면에는 표시되지 않도록 하려면 다른 화면 크기에 대한 표시를 비활성화하세요.

그러나 이 방법은 여러 가지 진실의 출처를 갖게 되었습니다.

화면 크기에 따라 가시성을 관리하려면 디자이너 상단에 있는 중단점 선택을 활용하고 해당 특정 클래스의 표시 속성을 표시: 없음으로 설정하세요. 가시성을 되돌리려면 간단히 재설정하면 됩니다.

요소별 가시성에 영향을 주려면(예: 해당 클래스가 있는 모든 요소가 사라지기를 원하지 않는 경우):

  1. 콤보 클래스(예: "hidden")를 도입하세요.
  2. display: none으로 정의하세요.

이후에는 해당 요소(또는 해당 콤보 클래스가 할당된 다른 요소)만 숨겨집니다.

다양한 화면 크기에 따른 스타일 지정에 대해 자세히 알아보세요.

특정 화면 중단점에 맞게 조정된 트리거 및 애니메이션에 대해 자세히 알아보세요.

이완 막
Ewan Mak의 최신 게시물 (모두 보기)