해상도별 화면 편집하는 법
에디터 상단의 해상도 버튼을 이용해 데스크톱, 태블릿, 모바일 등 다양한 화면 크기에서 홈페이지를 각각 다르게 편집할 수 있는 기능입니다. 
방문자가 어떤 기기로 접속하더라도 최적화된 화면을 제공할 수 있어 사용자 경험을 크게 향상시킬 수 있습니다. 
해상도별 홈페이지 화면 편집하는 법
1. 에디터 화면 상단 중앙에 있는 해상도 기능을 통해 반응형 웹사이트를 제작할 수 있습니다.
좌측을 기준으로 각 버튼의 해상도 기준값은 아래와 같습니다.

Default Table
구분해상도(px)대표 기기 예시
Small Mobile0 ~ 767px일반 스마트폰 세로
Large Mobile / Phablet768 ~ 991px큰 화면 스마트폰 가로, 작은 태블릿 세로
Tablet992 ~ 1159px일반 태블릿 세로·가로, 작은 노트북
Small Desktop / Laptop1200 ~ 1599px소형 노트북, 일반 데스크탑
Large Desktop1600px 이상대형 모니터, 울트라와이드
2. 원하는 해상도 버튼을 클릭하면 해당 해상도 화면에서 편집할 수 있으며, 선택된 버튼은 파란색으로 표시됩니다.
예를 들어 모바일 화면을 편집하려면 스마트폰 아이콘을 클릭하세요.
3. 만약 선택한 해상도에서만 편집하려면, 다른 해상도의 체크박스를 클릭해 체크 표시를 해제해주세요.
★ 체크박스에 체크되어 있어야 해당 해상도에서 편집과 수정이 가능합니다.
4. 화면이 선택한 해상도로 변경되면, 우측 속성 패널에서 해당 화면에만 적용될 스타일을 수정합니다. 
글자 크기, 여백, 배치 등의 스타일을 해당 화면(해상도)에만 적용시킬 수 있습니다.
잠깐!
각 해상도별로 수정한 내용은 해당 화면에서만 적용됩니다. 
예를 들어 모바일에서 글자 크기를 작게 만들어도 데스크톱 화면의 글자 크기는 그대로 유지됩니다. 
체크박스가 체크되지 않으면 수정이 불가능하니 반드시 체크 상태를 확인하세요. 
All 버튼을 누르면 모든 해상도를 한번에 체크하여, 모든 해상도에 스타일을 적용할 수 있습니다.