1. 제공 설정
SP는 폰트, 여백, 테두리 반경(Radius), 안쪽 여백 등의 값이 rem 방식으로 설정되어 있습니다. 따라서, HTML의 기본 폰트 크기를 변경하는 것만으로 폰트, 여백, 테두리 반경 값이 해당 비율 만큼 자동으로 커지거나 작아집니다.
단, 테두리(border)는 절대값인 1px로 지정되어 있습니다.
2. 커스터마이징
‘사용자 정의 > 타이포그라피’에서 ‘HTML / var’의 글꼴 크기를 변경합니다. 기본값은 16입니다. 만약에 기본값을 18로 증가시키면서, 폰트, 여백, 테두리 반경 등이 12.5% 증가합니다.
