중단 점 및 'font-size'매개 변수

Question

누구나 중단 점 mixin에서 'font-size'매개 변수를 사용한 경험이 있습니까? 문서에서

은 내가 모바일 첫 번째 방법 때문에 $ 기본 폰트 크기 = 12 픽셀을 복용하고 함께 일하고 디자인에서 다음 ...

<$font-size>: When using EMs for your grid, the font size is important. Default: $base-font-size 

을 말한다. 내가 제대로이의 이해를 가지고 있지만, 내가 기대 한 경우

다음과 같이 그때 (이 예를 들어 임의의 값) 50em의에서 중단 점을 추가하고

...

@include at-breakpoint(50em 12, 16px) { 
     .container{ 
     @include container; 
     } 
    } 

나는, 확실하지 않다 'font-size'값을 지정 했으므로 화면이 50em을 초과하면 글꼴 크기가 16px로 증가합니다.

그러나 글꼴 크기가 12px로 유지되므로이 'font-size'매개 변수의 목적에 따라 스틱의 끝이 잘못되었을 수도 있습니다.

이 매개 변수의 영향을받는 사람은 누구입니까?

Answer 1

기능이 잘 문서화되지 않은 것 같습니다. 글꼴 크기를 설정하는 것이 아니라 em 기반 미디어 쿼리를 수정하는 것입니다. 기본 글꼴 크기 인 12px을 사용하는 경우 이는 매우 중요합니다.

브라우저는 항상 기본 브라우저 글꼴 크기 (16px)에 상대적인 em 기반 미디어 쿼리를 interperet합니다. 그것은 전혀 이해가되지 않지만, 그것이 그렇게하는 방법입니다. 따라서 50em (* 12px)에서 중단 점을 만들기 위해서는 중단 점을 37.5em (* 16px, 브라우저 기본값)으로 설정해야합니다. 기본 글꼴 크기를 전달하면 그 조정을 할 수 있습니다.

더 잘 문서화해야하며 인수의 이름을 더 잘 지정해야합니다. 나는 issue on GitHub을 만들었습니다.