픽셀을 사용하면 어떤 문제가 있을까?

픽셀은 절댓값을 사용하는 단위입니다. 즉, 1px는 고정된 물리적 크기에 해당합니다(화면 해상도에 따라 다를 수 있음). 다시 말해 모든 것을 원하는 위치에 완벽하게 고정하는 것입니다.

그러나 px를 사용하면 사용자의 글꼴 크기 설정을 무시해 버리는 것과 같이 심각한 접근성 문제가 발생할 수 있습니다.

결론

PX 는 반응형에서는 화면 사이즈에 따라서 변화되지 않고, 고정된 사이즈를 가지기 때문에, 반응형에서는 적합하지 않을 수 있습니다.

그래서 화면 사이즈에 따라, 비율에 따라 사이즈를 적절히 맞추기 위해서, rem 을 많이 사용 합니다.

❓문제

팀원들이 반응형을 고려해서 rem 을 사용하기로 했었다.

하지만 개발 단계에서 몇몇 팀원들이 PX 과 REM을 섞어서 사용하고 있었다.

같은 margin-top 길이를 rem 으로 주었는데 각 화면에서는 다르게 보이는 문제점을 발견하였다.

(카테고리 드랍다운 박스의 위치가 다르다.)

👤 팀원 1

👤 팀원 2