에디터 상단의 해상도 버튼을 이용해 데스크톱, 태블릿, 모바일 등 다양한 화면 크기에서 홈페이지를 각각 다르게 편집할 수 있는 기능입니다.
방문자가 어떤 기기로 접속하더라도 최적화된 화면을 제공할 수 있어 사용자 경험을 크게 향상시킬 수 있습니다.
해상도별 홈페이지 화면 편집하는 법
1. 에디터 화면 상단 중앙에 있는 해상도 기능을 통해 반응형 웹사이트를 제작할 수 있습니다.
좌측을 기준으로 각 버튼의 해상도 기준값은 아래와 같습니다.
| 구분 | 해상도(px) | 대표 기기 예시 |
| Small Mobile | 0 ~ 767px | 일반 스마트폰 세로 |
| Large Mobile / Phablet | 768 ~ 991px | 큰 화면 스마트폰 가로, 작은 태블릿 세로 |
| Tablet | 992 ~ 1159px | 일반 태블릿 세로·가로, 작은 노트북 |
| Small Desktop / Laptop | 1200 ~ 1599px | 소형 노트북, 일반 데스크탑 |
| Large Desktop | 1600px 이상 | 대형 모니터, 울트라와이드 |
2. 원하는 해상도 버튼을 클릭하면 해당 해상도 화면에서 편집할 수 있으며, 선택된 버튼은 파란색으로 표시됩니다.
예를 들어 모바일 화면을 편집하려면 스마트폰 아이콘을 클릭하세요.
3. 만약 선택한 해상도에서만 편집하려면, 다른 해상도의 체크박스를 클릭해 체크 표시를 해제해주세요.
★ 체크박스에 체크되어 있어야 해당 해상도에서 편집과 수정이 가능합니다.
4. 화면이 선택한 해상도로 변경되면, 우측 속성 패널에서 해당 화면에만 적용될 스타일을 수정합니다.
글자 크기, 여백, 배치 등의 스타일을 해당 화면(해상도)에만 적용시킬 수 있습니다.
잠깐!
각 해상도별로 수정한 내용은 해당 화면에서만 적용됩니다.
예를 들어 모바일에서 글자 크기를 작게 만들어도 데스크톱 화면의 글자 크기는 그대로 유지됩니다.
체크박스가 체크되지 않으면 수정이 불가능하니 반드시 체크 상태를 확인하세요.
버튼을 누르면 모든 해상도를 한번에 체크하여, 모든 해상도에 스타일을 적용할 수 있습니다.
도움말을 통해 문제를 해결하지 못하셨나요?
1:1 문의를 남겨주시면 빠르고 정확하게 도와드릴게요.
1대1 문의 바로가기
1:1 문의를 남겨주시면 빠르고 정확하게 도와드릴게요.
Weven Co., Ltd.
Address: (Sejong Head Office) Room 401, Building U, Industry-Academic Cooperation Building, 2639 Sejong-ro, Jochiwon-eup, Sejong Special Self-Governing City
(Seoul Branch Office) Room 319, Building B, High-tech Industry Center, 330 Seongam-ro, Mapo-gu, Seoul
(Eunpyeong Branch Office) 11-1, Yeonseo-ro 34-gil, Eunpyeong-gu, Seoul (Bulkwang-dong, Eunpyeong Startup Support Center)
(Gwangju Branch Office) 193-12, Geumnam-ro, Dong-gu, Gwangju, Room 503 (Geumnam-ro 4-ga, Gwangju AI Startup Camp Room 2)
Representative name: Kim Jeong-hwan
Business registration number: 589-81-02761
Mail order business report number: 2022-Asan, Chungnam-1090
COPYRIGHT WEVEN CORP. ALL RIGHTS RESERVED
