응답형 작성을 위한 중단점 만들기

응답형 작성을 위한 사용자 지정 중단점을 만들어 다양한 양식 요소에서 페이지의 모양과 느낌을 제어하는 방법을 알아봅니다.

시작하기 전에

필요한 역할: ui_builder_admin

이 태스크 정보

UI 빌더 는 현재 세 가지 기본 폼 팩터를 제공합니다.

• 데스크톱(1281픽셀 이상)
• 태블릿(1280픽셀 이하)
• 모바일(500픽셀 이하)

중단점을 최대 3개까지 추가합니다. 예를 들어 모바일 디바이스의 경우 500픽셀 이하의 기본 폼 팩터가 있지만 360픽셀의 중단점이 필요할 수 있습니다.

주:

사용자 지정 중단점은 범위를 나타냅니다. 800픽셀에 중단점을 만들면 너비가 새 크기보다 작거나 같은 디바이스에 모든 변경 내용이 적용됩니다. 예를 들어 750픽셀 너비의 화면에 열려 있는 페이지는 750픽셀에 다른 사용자 지정 중단점이 없는 한 800픽셀 설정(속성 및 스타일)을 사용합니다.

프로시저

1. 다음으로 이동 모두 > Now Experience 프레임워크 > UI 빌더.
2. 작업할 경험을 열거나 > 경험 생성을 선택하여 환경을 생성합니다.
   경험 생성에 대한 자세한 내용은 을 참조하십시오 다음에서 사용자가 애플리케이션과 상호 작용하는 방법 구성 UI 빌더 .
3. 응답형 작성을 사용하여 처음부터 만든 기존 페이지를 열거나 응답형 작성을 사용하여 페이지를 처음부터 새로 만듭니다.
   페이지를 생성하는 방법에 대한 자세한 내용은 UI 빌더에서 페이지 생성을 참조하십시오.
4. 3개의 폼 팩터 아이콘 옆에 있는 메뉴 아이콘을 선택합니다.
   
5. + 중단점 추가를 선택합니다.
   
6. 너비(픽셀 단위)를 입력하고 추가를 선택합니다.
   
   새 중단점이 저장되고 폼 팩터 아이콘으로 나타납니다.

   

   페이지를 빌드할 때 양식 요소 아이콘을 선택하여 해당 크기로 페이지를 보고 편집합니다.

7. 사용자 지정 중단점을 편집하거나 삭제하려면 메뉴 아이콘을 선택하고 중단점 이름을 가리킨 다음 편집 또는 삭제 아이콘을 선택합니다.
   

   주:

   기본 폼 팩터(데스크톱, 태블릿 및 모바일)는 편집하거나 제거할 수 없습니다.