px와 rem의 사용 기준이 궁금합니다.

안녕하세요. 이 부분은 영상과 제가 공유드린 css 단위정리 pdf 파일에서 기본 설명을 드린 부분이라서, 해당 자료를 우선 찾아보시면 좋을 것 같고요. (마지막 설명과 다음과 같습니다.)

말씀하신대로, px로 딱 맞게 설정하는 것이 본래 일반적이었는데요. 이게 모바일 환경이나, 굉장히 다양한 해상도를 지원해야 함에 따라서, px 로만 설정하는 것이 만만한 상황은 아니더라고요. 그래서, px 와 rem 을 적절히 쓰는 경우도 많더라고요. 완벽하게는 rem 으로만 해도 좋겠는데, 또 만들다보면, 모든 것을 rem 으로 쓰기는 애매한 부분이 있어서요. 여러 해상도에서 테스트해보면서, 해상도에 따라 변하지 않을 부분들은 px 로, 나머지는 rem 을 기준으로 하되, 해상도가 확연히 달라질 때는 media 쿼리로 아예 또다른 px 나 rem 을 적용하는 것이 일반적입니다. media 쿼리를 적용하는 부분도 영상에서 설명드리고 있으니, 이부분도 참고해보시면 좋을 것 같습니다.