React

css PX을 왜 사용하면 안될까?

PX는 문제가 많다.

REM을 사용할 때 root에 10px을 설정하는 사람이 많다. 왜냐하면 REM을 계산하기 편하다.(root가 10px일 때 디자인에서의 16px을 대체해서 1.6rem으로 적을 수 있어 편하다. 단순히 곱했을 때 16인지 계산하면 되기 때문)

10px처럼 기본 글꼴 크기에 px을 다시 사용하는 것은 문제가 된다. 기본 글꼴 크기를 변경했을 때 적용되지 않아서 웹 접근성에 나쁘다.

따라서 62.5% 백분율을 사용하면 된다. 일반적인 브라우저 기본 글꼴 크기가 16px이기 때문에 의도한 것처럼 10px로 만들어주고, 1.6rem으로 작성할 수 있게 된다.