유틸리티
화면 해상도와 뷰포트 차이 완벽 정리 - 같은 1920인데 왜 다르게 보일까
모니터는 1920px인데 브라우저는 1536px이라고 말합니다. 화면 해상도와 뷰포트의 차이, 그리고 그 차이를 만드는 기기 픽셀 비율(DPR)의 원리를 실제 기기 수치와 함께 쉽게 정리했습니다.
모니터는 1920px인데 브라우저는 1536px이라고 말합니다. 화면 해상도와 뷰포트의 차이, 그리고 그 차이를 만드는 기기 픽셀 비율(DPR)의 원리를 실제 기기 수치와 함께 쉽게 정리했습니다.
모바일에서 글자가 작게 보이거나 화면이 잘리는 문제는 대부분 뷰포트 메타 태그 하나로 해결됩니다. width=device-width부터 viewport-fit까지 속성별 설정법과 자주 하는 실수를 정리했습니다.
현재 사용 중인 디스플레이의 해상도, 뷰포트, DPI, 화면 비율 등 모든 정보를 확인하는 방법과 활용법을 총정리합니다.