화면 해상도 확인하는 방법
- 이 페이지를 열면 맨 위에 해상도가 나와요.
- 아래에서 브라우저 창 크기와 픽셀 비율을 확인하세요.
- 창 크기를 바꾸거나 휴대폰을 돌려 값이 바뀌는지 보세요.
화면 해상도와 뷰포트
화면 해상도는 디스플레이 전체 크기이고, 뷰포트는 도구 모음과 스크롤바를 뺀, 페이지가 그려지는 브라우저 창 안쪽이에요. 웹 디자인은 뷰포트 기준으로 해요.
CSS 픽셀과 배율
운영체제는 고해상도 화면에서 글자가 너무 작지 않게 배율을 적용해요. 브라우저는 CSS 픽셀로 알려 주고, 여기에 픽셀 비율을 곱하면 모니터 사양표의 실제 픽셀이 나와요.
흔한 해상도
데스크톱은 1920×1080(FHD)이 여전히 가장 많고, 2560×1440(QHD), 3840×2160(4K)이 뒤를 이어요. 휴대폰은 보통 가로 360~430 CSS 픽셀로 나와요.
자주 묻는 질문
모니터 사양보다 해상도가 낮게 나와요
윈도우 배율을 쓰면 브라우저는 CSS 픽셀로 알려 줘요. 4K(3840×2160) 화면을 150%로 쓰면 2560×1440으로 나오고, 실제 픽셀 항목에 진짜 값이 나와요.
픽셀 비율(DPR)이 뭔가요?
CSS 픽셀 1개가 실제 픽셀 몇 개로 그려지는지예요. 레티나와 대부분의 휴대폰은 2나 3이에요.
정보가 서버로 가나요?
아니요. 브라우저에서 읽기만 해요.