무료 반응형 디자인 테스트모든 화면 크기에서 내 페이지를 한 번에 확인하세요.

네. 계정이 필요 없고, 기기나 페이지 수 제한이 없으며, 스크린샷에 워터마크가 없고, 설치할 것도 없습니다. 브라우저에서 실행됩니다.

사이트 주소를 입력하거나 HTML을 붙여넣은 뒤, 40가지 이상의 휴대폰, 태블릿, 노트북, 데스크톱 크기 중에서 골라 하나씩 또는 나란히 보세요. 프레임을 원하는 너비로 드래그하거나, 회전하거나, 자주 쓰는 브레이크포인트로 이동할 수 있습니다.

각 프레임은 해당 화면의 정확한 너비와 높이(CSS 픽셀)를 가진 브라우저 뷰포트이므로, 미디어 쿼리, 레이아웃, 브레이크포인트가 그 기기에서와 똑같이 반응합니다.

네. HTML을 붙여넣거나 .html 파일을 열면 모든 크기에서 미리 보고 실시간으로 수정할 수 있습니다. 웹사이트는 https로 로드되므로, 로컬 개발 서버는 https 터널을 쓰거나 빌드된 HTML을 붙여넣으세요.

네. HTML에서 휴대폰의 가로 스크롤을 일으키는 주된 원인인 화면보다 넓은 요소를 표시하고, viewport 메타 태그가 없으면 경고합니다.

네, 붙여넣은 HTML이라면 가능합니다. 보이는 영역이나 전체 페이지를 기기 픽셀 비율로 PNG 저장하므로, 3x인 393픽셀 너비 프레임은 1179픽셀 너비 이미지가 됩니다.

휴대폰은 CSS 픽셀 하나에 물리 픽셀 2~4개를 담습니다. 이 표시는 그 비율을 보여 주며, 붙여넣은 HTML의 스크린샷도 이 비율로 저장되어 실제 화면과 같은 선명도를 가집니다.

아니요. 웹사이트는 프록시 없이 브라우저가 해당 사이트의 서버에서 직접 프레임 안으로 로드합니다. 붙여넣은 HTML과 스크린샷은 브라우저에만 남으며, 마지막 페이지와 설정은 이 브라우저의 저장소에 보관됩니다.

일부 사이트는 다른 페이지 안에 표시되지 않도록 설정되어 있습니다. "왜 비어 있나요?"를 열어 사이트의 헤더를 확인하거나, 대신 페이지의 HTML을 붙여넣으세요.