깔끔한 2.0 - 전체 너비에서 특정 px까지 그리드 크기 설정

Question

나는 새로운 Neat 2.0 framework으로 엉망이되었습니다. 이전에 1.8에 그리드를 만들 때 outer-container() mixin은 그리드 크기에 대한 실제 숫자를 허용했습니다. 그러나 Sass 매핑을 사용하면 grid-container() mixin은 다음 속성을 가진 sass 맵만 허용합니다.

$my-custom-grid: (
    columns: 12, 
    gutter: 20px, 
    media: 1200px, 
    color: rgba(#00d4ff, 0.25), 
    direction: ltr, 
); 

기본적으로 그리드가 전체 화면 너비가됩니다. 960 픽셀 너비의 그리드를 만들지 만 브라우저 크기를 줄이기 시작하면 축소됩니다.

나는 이제 브라우저의 가장자리에 있지 않도록 요소를 지속적으로 바꿀 것입니다. 이 방법에 대한 방법이 있지만, 단지 grid-container()이라고 부르는 요소의 너비를 설정하는 것은 효과가 없습니다.

의견이 있으십니까?

Answer 1

CSS max-width 대답입니다! 컨테이너의 너비를 설정하지는 않지만 컨테이너가 주어진 값을 지나치지 않도록하십시오. 그러면 width: calc()은 의도 한대로 작동합니다.