2014-04-14 3 views
0

왜 한계를 줄이기 위해 픽셀 값을 늘려야하는지 이해하려고합니다. 일부 코드를 추가하겠습니다.컴퍼스 내에서 수직 리듬과 마진 조정

먼저 기본 : 나는 픽셀을 증가시킬 필요가 왜

h3 { 
    font-weight:500; 
    @include adjust-font-size-to(26px); 
    margin: rhythm(1, 56px) 0 0 0; /* 2 line above, 1 line below */ 
} 

:

$base-font-size: 16px; 
$base-line-height: 24px; 
@include establish-baseline; 

은 내가 픽셀의 값을 증가 시킨다는 할, 태그에 약간의 마진을 줄이고 자 값?

답변

0

여러분의 질문은 약간 불분명하다고 생각합니다.

우선 "픽셀 값 늘리기"란 무엇을 의미합니까?

또한 매우 불완전하고 재설정 또는 청사진을 사용하고 있습니까?

$base-font-size: 16px; 
$base-line-height: 24px; 
@include establish-baseline; 

이렇게하면 기준선이 설정됩니다.

h3 { 
font-weight:500; 
@include adjust-font-size-to(26px); 
margin: rhythm(1, 56px) 0 0 0; /* 2 line above, 1 line below */ 

}

그러나이 부분은 명확하지 않다. 작성한 코드 이외의 것을 사용하지 않는 경우 마진이나 패딩이 적용되지 않으므로 질문이 유효하지 않습니다.

이 값의 출처는 지정해야합니다. 또한 당신이 참조에 대한보고를해야한다고 생각 :

http://compass-style.org/reference/compass/typography/vertical_rhythm/

또한,이 도움이 될 수 있습니다

https://medium.com/typography/34fe2f1d2c02

이 답을 업데이트하고 추가 정보를 추가하십시오.

+0

사실 몇 주 전에 나는 실수를 발견했다. 내가하고 싶은 것은 몇 가지 h2와 같은 일부 html 요소의 줄 높이를 변경하는 것이다. 따라서이 간단한 코드는 잘 작동한다. @include adjust-font-size -to (36px); 줄 높이 : 리듬 (0.7), 줄 높이 : 리듬 (0.7); – Koffer

+0

좋습니다. 나는 당신이 당신의 대답을 편집하거나 내 것을 받아 들여야한다고 생각한다 ;-) 최고! – avcajaraville