2013-08-09 4 views
3

LESS을 사용하면 기본 폰트 크기를 설정 한 다음 나중에 참조하여 출력하는 방법이 더 작아집니다. 1em 작습니까? 예 :이 인터넷 검색을 시도했지만CSS less 폰트 크기 더하기 또는 빼기

@media only screen and (max-width: 959px) { 
    .box { 
     font-size: @font-size - 1em; 
    } 
} 

아무것도 함께 올라오고되지 않은 :

@font-size: 3.025em; 

그리고 미디어 쿼리 또는 뭔가

.

+0

당신이 시도 되세요 이? 그것은 잘 작동합니다. 실제 문제가 있습니까, 아니면 가능한지 묻는 중입니까? – Bojangles

+0

그냥 해봤어야했는데, 가능하지 않다. font-size가 아직 정의되지 않은 경우이를 수행 할 수있는 방법이 있습니까? 요소의 기본 font-size가 수동으로 설정되어 있고 값을 뺄까요? –

+1

귀하의 의견에있는 질문에 대한 대답에서 "아니오" 현재 LESS는 프로퍼티 값을 읽을 수 없다. (예를 들어'font-size : 12px'가 이전에'.box'에 설정되었거나'body'에 설정되어'.box '). 또한 CSS 전처리 기인 LESS는 일반적으로 브라우저 환경에 대한 지식이 없으므로 브라우저가'.box '의 기준이되는'font-size'에 대한 값을 설정했는지 여부를 알지 못합니다. 그것으로부터 값을 뺄 값에 접근 할 수 있습니다. 앞서 언급했듯이, 당신은 위에 무엇을 가지고 있습니다. – ScottS

답변

3

예, 가능합니다. LESS 기본이 무엇인지 추론 할 수 없습니다로 당신은 기본 글꼴 크기를 설정해야합니다

@font-size: 3.025em; 

그리고 미디어 쿼리 :

@media only screen and (max-width: 959px) { 
    .box { 
     font-size: @font-size - 1em; 
    } 
} 

)