Bootstrap은 왜 line-height 속성을 1.428571429로 설정합니까?


답변:


177

선 높이는 대상 선 높이 크기를 글꼴 크기로 나누어 결정합니다. 이 예에서 Bootstrap은 14px 글꼴 크기에서 줄 높이를 기준으로합니다. 대상 라인 높이는 20px입니다.

20px ÷ 14px = 1.428571429

선 높이를 결정할 때 행 사이에 충분한 공백이 있는지 확인하려고합니다. 이것은 다른 행을 방해하지 않고 상승 자와 하강자를 허용합니다. 또한 충분한 공백이 있으면 눈을 읽을 때 시각적 리듬이 생길 수 있습니다.

또한 라인 높이를 단위가없는 상태로 유지하면 더 다양한 용도로 사용할 수 있습니다. 자세한 내용 은 2006 년 2 월 Eric Meyer의 게시물을 참조하십시오.


2
나는 똑같은 것을 물었다. 이 질문은 정기적으로 나오는 것 같습니다. 아마도 Bootstrap dev 코드에 빠른 설명 주석이 있어야 할 것입니다.
ivanjonas

1
나는 이것이 어리석은 질문이라고 생각하지 않습니다. line-heightIE11 에서이 불규칙한 원인이 흐려짐을 보았습니다 . 대답은 완전한 의미를 갖지만 소수를 소수의 소수 자릿수로 반올림하는 것은 아마도 Bootstrap을 위해 신중할 것입니다.
aminimalanimal
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.