Studio 에디터: 중단점에 맞춰 디자인하기

클라이언트 사이트의 모든 페이지에 있는 각 중단점에 대해 기본 편집 크기(화면 너비)를 설정할 수 있습니다.

Wix Studio 아카데미로 이동해 추가 Wix Studio 웨비나, 튜토리얼 및 강좌를 확인하세요.

최대 3개의 추가 중단점을 추가해 특정 화면 크기에서 디자인을 더욱 정확하게 만들 수 있습니다.

사이트 방문자에게 표시되는 중단점은 뷰포트 너비에 따라 다릅니다. 예를 들어, iPad Pro 사용자(예: 1024px 너비)에게는 데스크톱 중단점(1001px 이상)이 표시됩니다. 이는 각 모드마다 다른 중단점 범위에 속할 수 있는 화면 너비를 가지고 있기 때문에 세로 또는 가로 모드에 따라 달라집니다.

요소를 변경 또는 삭제할 경우와 같이 일부 변경사항은 모든 중단점에 적용됩니다. 아래 섹션에서 이러한 변경사항에 대한 자세한 내용을 확인하세요. 

두 번째로 큰 중단점을 삭제하면, 이미 재정의를 생성한 경우에도 가장 큰 중단점의 설정이 자동으로 더 작은 중단점으로 흘러갑니다. 예를 들어, 가장 큰 중단점에서만 비공개되었던 요소는 더 작은 중단점에서도 비공개됩니다. 이 문제를 해결하려면 재정의를 다시 생성하세요.

특정 중단점에서 요소를 비공개할 수 있습니다. 해당 중단점으로 이동해 요소를 마우스 오른쪽 버튼으로 클릭한 후 비공개를 선택하세요.

Studio 에디터의 요소와 섹션에는 내장 반응형 동작이 포함됩니다. 이는 더 작은 중단점에서 크기가 조정되는 방식을 제어하므로 모든 중단점을 수동으로 설정할 필요가 없습니다.

반응형 AI 도구를 사용해 모든 중단점에서 섹션 레이아웃을 빠르게 최적화할 수 있습니다.