유동 그리드와 상대 단위

고정 방식

픽셀로 정확한 숫자 지정 · 화면이 바뀌면 안 맞음 · 예측 가능하지만 경직

유동 방식

비율로 지정 · 화면에 따라 자동 조정 · 유연하지만 통제가 덜 정확

비율 단위

부모 요소 대비 몇 퍼센트.

글자 기준 단위

기본 글자 크기 대비 배수.

화면 기준 단위

화면 폭이나 높이 대비.

혼합 사용

상황에 맞게 섞어 씁니다.

최소 최대 제한

너무 작거나 커지지 않게 제한.

고정이 나은 곳

테두리 두께 같은 것은 고정.

어떤 크기에서도 자연스럽게.

이용자가 키우면 함께 커집니다.

시력이 낮은 이용자 배려.

기기의 글자 크기 설정을 따릅니다.

한 곳만 바꾸면 전체 조정.

새 기기에도 어느 정도 대응.

□  창 크기를 줄여도 자연스러운가

□  브라우저 글자 크기를 키워도 깨지지 않는가

□  휴대폰 글자 설정을 반영하는가

□  확대해도 이용할 수 있는가

□  가로 스크롤이 생기지 않는가

□  넓은 화면에서 지나치게 늘어나지 않는가

□  최소 최대 제한이 있는가

□  여러 크기에서 검증했는가