브라우저 크기
실시간으로 뷰포트와 브라우저 창 크기를 감지합니다.
실시간 업데이트
뷰포트 크기(내부)
0 x 0
이것은 귀하의 웹사이트 콘텐츠를 위한 사용 가능한 영역입니다.
외부 창
--
화면 위치
--
장치 픽셀 비율
--
사용자 에이전트 문자열
--
뷰포트 vs. 창 크기
뷰포트와 창 크기의 차이를 이해하는 것은 웹 개발과 반응형 디자인에 중요합니다.
내부 크기(뷰포트)
뷰포트는 웹 페이지의 보이는 영역입니다. 브라우저의 주소 표시줄, 탭 및 도구 모음을 제외합니다. 이는 CSS 미디어 쿼리에서 가장 중요한 측정값입니다.
외부 크기 (창)
외부 창 크기는 뷰포트와 모든 브라우저 도구 모음, 스크롤바, 창 테두리를 포함한 전체를 의미합니다.
브라우저 크기를 모니터링하는 이유
- 반응형 테스트: 개발자 도구를 열지 않고도 특정 중단점에서 사이트가 어떻게 보이는지 확인하세요.
- 레이아웃 문제 디버깅: 스크롤바가 예상치 못한 레이아웃 변화를 일으키는지 식별합니다.
- 사용자 경험: 다양한 기기에서 사용자가 실제로 사용 가능한 공간을 이해하세요.