저는 반응 및 CSS 모듈로 작성된 디자인 시스템을 가지고 있으며 간격, 글꼴, 요소 크기 등의 단위는 모두 rem으로 작성됩니다(기본 값을 16px로 설정)
문제는 디자인 시스템으로 가져오려는 프로젝트에서 rem이 모든 곳에서 사용되고 루트 값이 이미 10px로 설정되어 있다는 것입니다.
따라서 디자인 시스템 패키지에서 가져온 모든 구성 요소가 축소됩니다.
특정 영역에 대해 별도의 루트 글꼴 크기를 설정하는 방법이 있나요? 아니면 모든 간격을 다시 쓰지 않고 두 항목을 정렬하는 방법은 무엇입니까?
사용해봤는데 고민이 많았어요
P粉2620731762024-01-11 10:35:58
일반적으로 인터페이스에서 그래픽 인터페이스를 정렬하기 위해 이러한 문제(XAML과 같지만 원칙은 어디에서나 동일함)에 직면할 때 margin 或 等属性填充etc...
한줄씩 맞추려고 하지 마세요. UI를 루트와 완전히 정렬해보세요