다른 화면 크기·해상도에서 웹사이트 확인하기

내 사이트가 스마트폰·태블릿 등 다양한 화면 크기에서 어떻게 보이는지 확인하는 방법을 안내합니다.

재밋 편집기의 화면 크기 보기 활용하기

재밋 편집기 상단바의 화면 크기(뷰포트) 토글로 화면 크기별 보기를 전환하면서 편집 화면에서 바로 확인할 수 있습니다. 특정 화면 크기에서 "편집 적용"을 켜면 그 화면 크기에만 스타일을 다르게 적용할 수도 있어, 모바일 화면만 따로 조정할 수 있습니다.

실제 기기로 확인하기

가장 정확한 방법은 확인하려는 실제 기기(스마트폰·태블릿)에서 게시된 사이트 주소를 직접 여는 것입니다. 편집기에서 저장&게시 후 "새 탭에서 보기"로 실제 페이지 주소를 열어 기기에서 접속해 보세요.

Chrome 개발자 도구로 기기 시뮬레이션하기

1. Google Chrome 브라우저에서 내 사이트를 엽니다.
2. 오른쪽 위 메뉴 아이콘 > 도구 더보기 > 개발자 도구를 클릭합니다. (단축키 F12)
3. 개발자 도구의 기기 아이콘(Toggle device toolbar)을 클릭합니다.
4. 위쪽의 기기 드롭다운 메뉴에서 원하는 기기를 선택합니다.