유틸리티
화면 해상도와 뷰포트 차이 완벽 정리 - 같은 1920인데 왜 다르게 보일까
모니터는 1920px인데 브라우저는 1536px이라고 말합니다. 화면 해상도와 뷰포트의 차이, 그리고 그 차이를 만드는 기기 픽셀 비율(DPR)의 원리를 실제 기기 수치와 함께 쉽게 정리했습니다.
모니터는 1920px인데 브라우저는 1536px이라고 말합니다. 화면 해상도와 뷰포트의 차이, 그리고 그 차이를 만드는 기기 픽셀 비율(DPR)의 원리를 실제 기기 수치와 함께 쉽게 정리했습니다.
float와 position으로 씨름하던 레이아웃 작업, CSS 그리드는 코드 몇 줄로 끝냅니다. 핵심 속성 정리표와 카드형 레이아웃 실전 예제, 미디어 쿼리 없는 반응형 구현 팁까지 한 번에 확인하세요.
모바일, 태블릿, 데스크톱에서 이미지가 깨지거나 잘리지 않도록 반응형 이미지 크기 설정하는 실전 방법을 단계별로 정리했습니다.
