화면 크기 디버깅 유용한 CSS 트릭

화면 크기 관련 문제를 디버깅할 때 유용한 CSS 트릭 모음입니다.

현재 뷰포트 표시

::before 가상 요소로 현재 화면 크기를 화면에 표시합니다.

브레이크포인트 시각화

미디어 쿼리 적용 시점을 색상으로 시각화합니다. 연봉 계산은 연봉 계산기를 사용하세요.

박스 모델 확인

outline으로 요소의 박스 모델을 시각적으로 확인합니다.