화면 및 브라우저 창
논리적 화면 크기는 브라우저에 노출되는 화면 좌표 공간을 나타냅니다. 뷰포트는 현재 이 페이지에서 사용할 수 있는 영역을 설명합니다. 브라우저 컨트롤, 창 크기 및 화면 인터페이스를 통해 뷰포트를 더 작게 만들 수 있습니다. 창 크기를 조정하고 두 판독값을 비교하여 차이점을 직접 확인하세요.
화면 해상도 및 창 정보
논리 화면—CSS px
픽셀 비율—DPR
브라우저 색상 깊이—bit
브라우저 창—CSS px
크기 개요
해상도 비교
HD
1280pxFull HD
1920pxQHD
2560px4K
3840px8K
7680px상세 정보
브라우저가 이 화면에 대해 알고 있는 정보
화면 크기, 뷰포트 크기 및 장치 픽셀 비율은 브라우저 API에서 가져옵니다. 함께 읽으면 특히 확장된 디스플레이나 고밀도 디스플레이에서 단일 너비 및 높이 숫자 이상의 내용을 설명할 수 있습니다.
장치 픽셀 비율
DPR는 장치 픽셀과 CSS 픽셀 간의 관계를 표현합니다. 논리적 크기에 DPR를 곱하면 유용한 추정치가 제공되지만 운영 체제 크기 조정, 브라우저 확대/축소 및 디스플레이 배열이 보고된 값에 영향을 미칩니다. 해당 추정치를 하드웨어 사양으로 취급하기보다는 설명서나 시스템 설정에서 패널의 기본 해상도를 확인하세요.
기능 힌트
색 영역 및 동적 범위 미디어 쿼리는 브라우저가 현재 렌더링 환경에 대해 보고하는 내용을 설명합니다. 영역 범위, 최대 밝기 또는 보정된 색상 정확도는 측정하지 않습니다. 세부 보기를 사용하여 사용 가능한 힌트를 이해한 다음 결과를 검사하려면 해당 시각적 패턴을 엽니다.
검사 순서
브라우저 크기는 논리적입니다. 여기에 DPR을 곱하면 추정치가 나옵니다.
각 값 옆에 있는 소스 라벨을 읽어보세요.
창 크기를 조정하고 뷰포트 정보 업데이트를 확인하세요.
시스템 설정 및 패널 사양을 대조 확인하세요.
패턴은 육안 검사를 지원합니다. 정량적 색상 정확도, 밝기, 영역 범위 및 응답 시간에는 적절한 도구와 방법이 필요합니다.
자주 묻는 질문
이 웹사이트가 내 화면을 자동으로 인증할 수 있나요?
아니요. 디스플레이 테스트 패턴과 브라우저 정보를 제공합니다. 동일한 위치에 지속되는 화면 이상은 육안 검사가 필요하며 필요한 경우 전문적인 평가가 필요합니다.
휴대폰, 태블릿 또는 TV를 사용할 수 있나요?
장치의 패턴과 가이드를 엽니다. 실제 전체 화면과 터치는 브라우저에 따라 다릅니다. 전체 화면이 지원되지 않는 경우에도 몰입형 페이지 미리보기를 계속 사용할 수 있습니다.
소프트웨어를 설치하거나 데이터를 업로드해야 합니까?
설치가 필요하지 않습니다. 패턴, 계산 및 상호 작용은 브라우저에서 로컬로 실행됩니다. 테마 기본 설정은 기기에 그대로 유지됩니다.
문제가 발견되면 어떻게 해야 합니까?
먼지, 반사 및 디스플레이 설정을 배제하세요. 동일한 조건에서 반복, 동일한 화면 위치에 남아 있는 불량을 사진으로 촬영하고 기기 보증 정책을 확인하세요.