PC에서 모바일 버전 미리보기

PC에서도 모바일 화면과 같은 화면을 확인해 볼 수 있습니다. 이 도움말은 PC에서 모바일 화면을 볼 수 있는 방법을 설명합니다.

방법1: 화면 가로폭을 좁혀서 확인하기

아래 이미지와 같은 방법으로 PC에서 브라우저의 크기를 줄여 모바일 버전 화면을 확인할 수 있게 됩니다.

방법2: 개발자 도구를 통해 확인하기

개발자 도구를 통해 크기별 또는 일부 모바일 기종별 디자인 화면을 확인해 볼 수 있습니다.

확인방법

이 확인방법은 Chrome 브라우저를 기준으로 설명합니다.

  1. 키보드의 F12 버튼을 누릅니다.
  2. 개발자 도구 왼쪽 상단의 기기(장치) 아이콘을 클릭합니다.

  3. 브라우저 상단의 Dimensions(크기) 버튼을 클릭합니다.

  4. Responsive(반응형)를 선택해 사이즈를 직접 지정하거나, 모바일 기종을 클릭하여 모바일 디자인을 확인합니다.

    참고: 원하는 기기가 없는 경우, Edit 를 클릭해 새로운 기기를 추가할 수도 있습니다.
  5. PC에서 모바일 버전 화면을 확인할 수 있게 됩니다. (만약 모바일 컨텐츠가 모두 불러와지지 않는다면 페이지를 새로고침해 보세요.)

관련 도움말

목록으로