열 너비가 절대 맞지 않습니다.

20px 거터로 12 열로 분리 된 1000px 너비의 컨테이너가 필요합니다.열 너비가 절대 맞지 않습니다.

$total-columns : 12; 
$column-width : 65px; 
$gutter-width : 20px; 
$grid-padding : 0; 
$container-style: static;

내가 이러한 열의와 끝까지 :

width: 6.77966% /*(calculated: 67.7833px)*/ 
margin-right: margin-right: 1.69492%; /* (calculated: 16.9333px) */

나는 완전히 잘못된 여기에 무슨 일이 일어나고 있는지 단서 중입니다 그래서 나는 정확한 픽셀에 들어갔다. 나는 아주 기본적인 것을 놓치고 있다는 느낌이 들었다.

모든 통찰력을 환영합니다.

들으

출처

2013-11-21 Peter Griffin

Susy는 처음에 그 기본 설정 그래서, 유체 그리드를 관리하기 위해 지어졌습니다. 정적 그리드를 원하는 경우에, 다만 static에 $container-style 변수를 변경 : 그것을

$container-style: static;

해야한다고!

출처

2013-11-21 17:36:14

$ 컨테이너 스타일은 정적입니다. 여전히 주어진 너비는 정확하지 않습니다. –

drupal의 omega 4 테마로 susy를 사용하고 있습니다. 비슷한 문제가 있습니다 : http://stackoverflow.com/questions/20182204/susy-container-style-fixed-widths 오메가 구현에서 잘못된 점을 알게되었습니다. 나는 실제로 그것을 여기에서 바로 얻을 수 있었다 : http://sassmeister.com/gist/7633527. –

아마도'$ container-width'도 설정되어 있습니까? 아니면 주제가 어쩌면? 이것을'false'로 설정하십시오. –

좋아, 내 실수를 발견했다.

위에서 언급 한 것처럼 나는 drupal의 오메가 4 테마로 susy를 사용하고 있습니다. 난 단지 그리드의 정의가 포함 된 별도의 파일 _grid.scss을 만들어 : 나뿐만 아니라 해당 파일의 열 폭 정의를 추가했다이었다 내가 알고하지 않았다

.grid-1 { 
    @include span-columns(1, 12); 
}

. 그래서 나는 항상 기본 설정으로 끝났습니다.

죄송합니다.

출처

2013-11-29 14:29:50

열 너비가 절대 맞지 않습니다.

답변

관련 문제