화면 해상도 테스트

• 화면과 뷰포트 값을 읽습니다.
• 뷰포트 값 업데이트를 확인하려면 브라우저 크기를 조정하세요.
• 크기를 비교할 때 브라우저 크롬을 줄이려면 전체 화면을 사용하세요.

• 컴퓨터 또는 휴대폰의 보고된 해상도 찾기
• 웹페이지와 스크린샷 크기가 다른 이유를 설명하세요.
• 운영 체제 크기 조정, 브라우저 확대/축소 및 DPR 비교

테스트를 반복하세요

단일 값에서 결론을 도출하기 전에 동일한 조건에서 여러 번의 실행을 사용하십시오.

좋아요와 좋아요를 비교하세요

결과를 비교할 때 브라우저, 창 크기, 장치 연결 및 전원 모드를 일관되게 유지하십시오.

CSS 픽셀은 실제 픽셀이 아닙니다.

150% 시스템 배율 또는 다른 브라우저 확대/축소 수준에서는 동일한 패널이 다른 CSS 측정기준을 보고할 수 있습니다.

실제 픽셀은 추정됩니다.

화면 CSS 크기에 DPR을 곱한 값은 유용한 컨텍스트이지만 개인 정보 보호 및 다중 모니터 설정으로 인해 기본 패널 해상도와 다를 수 있습니다.

페이지를 활성 상태로 유지

배경 탭 조절, 브라우저 확장 및 기타 사용량이 많은 응용 프로그램은 브라우저 측정에 영향을 미칠 수 있습니다.

통제된 조건에서 재시험

페이지를 다시 로드하고, 동일한 설정을 유지하고, 이상값을 결함으로 처리하기 전에 측정을 반복하십시오.

두 가지 스케일링 컨트롤을 모두 확인하세요.

운영 체제 디스플레이 크기 조정 및 브라우저 페이지 확대/축소는 모두 CSS 크기에 영향을 미치므로 함께 확인해야 합니다.

다중 모니터 계정

창을 다른 디스플레이로 이동한 후 DPR 및 사용 가능한 크기는 크기 조정 또는 창 이벤트 후에만 업데이트될 수 있습니다.