글자 크기 1px로 rem 단위와 함께 사용

Question

확대/축소 (사용자가 ctr/cmd + [더하기]를 눌러)와 함께 멋지게 확장 할 레이아웃을 수행 할 것입니다. 그 때문에 글꼴 크기와 함께 크기를 조정해야합니다. em 단위를 사용하는 것은 너무 까다 롭습니다. 그래서 나는 rem (그리고 예전의 모든 차원 속성을 복제하는 것)을 생각하고 있습니다.

초기 아이디어는 html 요소의 font-size를 10px로 설정 한 다음 1/10rem을 픽셀 대체물로 사용하는 것이 었습니다. 그러나 body의 font-size는 px에서 임의로 설정되므로 html의 글꼴 크기는 rem 측정에만 사용됩니다. 그렇다면 1px로 설정하지 않으시겠습니까?

장점은 분명합니다. 중복 된 선언 및 유지 관리 용이성을 쉽게 작성할 수 있습니다.

단점 (선언문을 따로 따로 따로 따로 구분할 경우)은 전혀 생각할 수 없습니다. 하지만 어쩌면 내가 뭔가를 놓친 것 같아. 이 접근법에 함정이 있습니까?

Answer 1

IE에서 다른 방식으로해야 할 일이 있으므로 접근 방법에서 어떤 이점도 발견되지 않습니다. 그냥 계산을 요구하더라도 엠을 사용하십시오. 자신의 글꼴 크기 설정으로 요소를 깊게 중첩시킨 경우에는 너무 복잡하고 복잡하지 않고 단순화가 필요합니다.

글꼴 크기 설정 : 1 픽셀은 부자연스럽고 스타일 시트를 읽기 및 유지 관리하기가 어렵습니다.

Answer 2

본문에 상속 가능한 font-size를 정의 했으므로 적절하게 html font-size를 변경해도 안전합니다. 현재이 값은 rem 값에만 영향을 미치지 만, 다른 값이이 값을 사용하면이 1px 비표준 설정은 다른 것을 깨뜨리고 수정하기가 어렵습니다.

rem을 사용하는 타사 라이브러리에 영향을 줄 수 있으며 em과 rem을 혼용하여 혼동을 일으킬 수 있습니다.

바닐라 CSS (선 처리 전 처리기)를 사용하는 경우이 비표준 메서드를 사용하면 1 : 1 rem과 같이 rem을 매우 단순하게 사용할 수 있습니다. px 값은 매우 직관적입니다.