Susy $ 컨테이너 스타일 - 휴식까지 <code>static</code>을하는 Susy 그리드를 가지고 있고, 다른 말로, 또는 - 마법

Question

질문

에 변화는 Susy: fluid layout up to the second breakpoint의 역을 수행하는 것이 가능 그 시점을 넘어서 magic?

나는 모바일 가능 사이트를 만들고 있지 않다. 대신, 다른 모니터 크기에 대해 그리드 시스템의 유체 요소 중 일부를 사용하고 브라우저 창이 너무 작 으면이 기능을 끄기를 원합니다. 문서를 읽어

, 나는 그러나이

@at-breakpoint(XX) { 
    @include set-container-width(yy, magic) 

처럼 뭔가를 내 특정 @at-breakpoint에서 나는 그런

$container-style: static; 

로 내 전역 변수를 설정해야한다고 생각 그리고 것, 이것은 어떤이 없습니다 (식별 가능한) 효과. 선택적으로 그리드 계산을 위해 고정 길이를 반환 :

연구는 지금까지

set-container-width에서, 나는 $ 컨테이너 스타일의 인수

< $ 스타일 >는 것을 알 수있다. 기본값 : $ container-style.

당신이 정적에 있어에만 수있는이 평균을 하는가 ('마술'또는 '액체'에서).

Answer 1

컨테이너 관련 CSS 출력을 확인하십시오. '정적'컨테이너와 '마법'컨테이너의 차이점은 width 또는 max-width을 사용했는지 여부입니다. 컨테이너 너비를 이미 30em으로 설정 한 경우 (예 :) 50em의 최대 너비를 추가해도 아무 것도 변경되지 않습니다. 이전 너비 설정도 제거해야합니다. 보다 구체적인 미디어 쿼리를 사용하거나 새로운 컨테이너 너비 설정과 함께 width: auto;을 간단히 추가하여이 작업을 수행 할 수 있습니다.