도구·사이트 목록

Responsive Viewer

크롬 확장 · 개발·데이터

여러 화면 크기를 한 번에 비교하기

웹페이지를 여러 크기의 화면에 나란히 띄워 반응형 구성을 살피는 도구입니다.

  • 여러 화면 크기 동시 미리보기
  • 스크롤·이동을 연결해 비교

어떤 때 쓰면 좋을까요?

브라우저 폭을 계속 바꾸며 반응형 화면을 검사하기 번거로울 때 활용할 수 있습니다. Responsive Viewer는 여러 크기의 화면을 한 공간에서 보여줍니다. 같은 페이지의 메뉴, 카드와 글줄이 크기에 따라 어떻게 바뀌는지 비교하기 좋아요.

우선 모바일·태블릿·데스크톱 크기 하나씩 골라 확인해보세요. 잘림이나 겹침이 있는 지점을 기록한 뒤 실제 기기에서도 점검하는 편이 좋습니다. 화면 크기를 흉내 내는 도구가 실제 휴대폰의 브라우저 성능과 동작을 모두 재현하는 것은 아닙니다.

이렇게 써보세요

내 홈페이지를 작은 휴대폰과 데스크톱 크기로 나란히 띄워 검색창과 카드가 잘리는지 비교해보세요.

얻는 결과크기별 화면 비교 결과

사용 순서

  1. 확장을 설치하고 확인할 사이트를 엽니다.

  2. 비교할 화면 크기를 여러 개 선택합니다.

  3. 같은 위치로 이동하며 잘림과 배치를 확인합니다.

사용할 때 알아두세요

실제 기기 검사는 별도이며 사이트의 프레임 정책에 따라 미리보기가 제한될 수 있습니다.

Chrome 웹스토어에서 보기

제작자 소개 · 2026-10-10 확인 · 기능·요금은 제작자의 최신 안내를 확인하세요.