반응형 창 크기 조절기

어떤 페이지든 정확한 뷰포트 크기의 테스트 창에서 열기

테스트 창

http와 https만 가능합니다. 기본값은 이 페이지입니다.

200~3840 px

200~2160 px

프리셋
저장한 크기

자주 테스트하는 크기를 저장하세요. 이 브라우저에만 보관됩니다.

미리보기

요청한 뷰포트390 × 844· 세로

현재 뷰포트

표시 영역
읽는 중…
창
읽는 중…
화면 (사용 가능)
읽는 중…
기기 픽셀 비율
읽는 중…

이 탭의 값입니다. 창 크기를 바꾸면 업데이트됩니다.

기기 에뮬레이션이 아님

뷰포트 크기만 바뀝니다. 다음 항목은 이 컴퓨터 그대로입니다:

  • 기기 픽셀 비율
  • 터치 입력
  • 모바일 브라우저 도구 모음
  • 사용자 에이전트
  • CPU 및 네트워크 속도
  • 플랫폼 글꼴

완전한 에뮬레이션이 필요하면 브라우저 DevTools의 기기 모드를 사용하세요.

이 도구의 기능

반응형 창 크기 조절기는 선택한 뷰포트 크기(예: 390 × 844, 1366 × 768)의 별도 테스트 창에서 페이지를 엽니다. 먼저 빈 페이지에서 브라우저 테두리를 측정하고, 보이는 페이지 영역이 브라우저가 허용하는 한 지정한 크기에 가깝도록 창을 조절한 뒤 측정한 크기를 알려 주고 URL을 불러옵니다.

사용 방법
  1. 1.페이지 URL을 입력하거나 이 페이지를 그대로 둡니다.
  2. 2.프리셋을 고르거나 너비 200~3840, 높이 200~2160 픽셀을 입력합니다.
  3. 3.테스트 창 열기를 선택하고 브라우저가 요청하면 팝업을 허용합니다.
  4. 4.결과에서 요청한 크기와 측정한 크기를 확인합니다.
  5. 5.자주 쓰는 크기를 저장하면 이 브라우저에 남습니다.
기능
  • •휴대폰, 태블릿, 노트북의 대표 프리셋 10개와 직접 저장한 크기.
  • •세로와 가로를 확인하기 위한 너비와 높이 바꾸기.
  • •팝업 차단, 화면 제한, 크기 조절을 무시하는 브라우저까지 포함해 측정한 뷰포트를 그대로 보고.
  • •이 탭의 뷰포트, 창, 화면, 기기 픽셀 비율 실시간 표시.
  • •아무것도 업로드하지 않으며 URL은 실행한 창에서만 열립니다.
제한 사항

브라우저는 페이지가 직접 연 팝업 창의 크기만 바꿀 수 있게 하며 현재 탭은 바꿀 수 없습니다. 모바일 브라우저는 보통 크기 조절을 무시합니다. 이 도구는 뷰포트 크기 실행기이며 기기 에뮬레이션이 아닙니다. 기기 픽셀 비율, 터치, 모바일 브라우저 도구 모음, 사용자 에이전트, CPU와 네트워크 속도, 플랫폼 글꼴은 에뮬레이션되지 않으므로 DevTools 기기 모드를 사용하세요. 다른 사이트의 페이지가 로드된 뒤에는 창을 읽거나 크기를 바꿀 수 없습니다.

CodingTool이 공식 출시되었습니다

Launched on StartupBaseCodingTool.dev - Free, Fast & Easy Developer Tools in One Place | Product HuntCodingTool - Featured on Startup FameFazier badgeListed on Turbo0Featured on Twelve ToolsFeatured on Findly.toolsLaunchpadly Startup DirectoryCodingTool.dev — Featured on Smol Launch