자주 묻는 질문
CSS 픽셀과 실제 픽셀은 뭐가 다른가요?
웹페이지는 CSS 픽셀로 크기를 재요. 화면은 CSS 픽셀 하나를 픽셀 비율만큼의 실제 픽셀로 그리기 때문에, 390 × 844에 비율이 3인 휴대폰은 실제 픽셀이 1170 × 2532예요.
기기 픽셀 비율이 뭔가요?
한 방향에서 CSS 픽셀 하나에 들어가는 실제 픽셀 수예요. 브라우저 확대/축소와 시스템 설정의 디스플레이 배율로도 바뀌어요.
뷰포트가 화면보다 작은 이유는 뭔가요?
주소창, 탭, 작업 표시줄이나 Dock, 창 테두리가 화면의 일부를 차지하기 때문이에요. 뷰포트는 페이지에 남은 영역이에요.
내 실제 화면 해상도는 어떻게 알 수 있나요?
CSS 픽셀 크기에 픽셀 비율을 곱하세요. 디스플레이 배율이나 브라우저 확대/축소를 써도 대부분의 화면에서는 이 값이 기본 해상도예요.