2017-12-18 21 views
0

웹 페이지의 요소 여백 공간을 디자인하고 있습니다.글꼴 크기에 따라 간격을 조정하는 이유는 무엇입니까?

부트 스트랩 V4.0에 대한 문서를 읽었을 때, 간격은 $ spacer 값에 따라 조정되고 $ spacer 자체는 기본적으로 1 rem이라는 것을 알게되었습니다. 왜 그런지 궁금 해서요? 조정 된베이스를 디스플레이 해상도에 맞추면 안됩니까?

답변

1

루트 크기를 기준으로 치수를 지정하는 것이 더 쉽습니다 (rem의 경우). 근원이 10 픽셀이면 2rem = 20 픽셀입니다. 혹시 모든 것이 크기가 커야 할 필요가 있다고 느낀다면 루트 em 크기를 12 (또는 무언가) 픽셀로 변경하면 2rem을 가진 것은 24 픽셀이됩니다. 이렇게하면 패딩/여백 등이 10 픽셀을 기반으로하고 padding: 10px과 같은 고정 값을 사용하는 모든 인스턴스를 찾아서 대체하지 않아도됩니다. 요소 크기를 조정할 때이 큰 계단식 효과가 있지만


등 글꼴은 remem 항상 같은 상대 단위를 사용할 필요가 생각하지 마십시오. 무엇이든 상관없이 15px이 필요하거나 필요할 때가있을 것입니다.