Mój układ jest nieprawidłowy o 1 piksel i nie wiem dlaczego:
$susy: (
columns: 12,
container: 1546px,
gutter: 26px,
column-width: 105px,
global-box-sizing: border-box
);
Zwraca kolumny o szerokości 104 pikseli z rynnami 27px, pojemnik jest ustawiony. Jakieś wskazówki?
Odpowiedzi:
1 dla odpowiedzi № 1Oto kilka problemów:
- The
gutters
ustawienie (liczba mnoga) ma stosunek, a nie długość. Aby uzyskać właściwą proporcję w zależności od długości, możesz użyć podziału:gutters: 26px/105px
- Domyślnie wyjście Susy jest względne
%
, nawet jeśli zdefiniujesz siatkę za pomocąpx
. Jeśli chcesz, aby Susy wyprowadzał dokładne długości w pikselach, powinieneś dodaćmath: static
do swoich ustawień. W takim przypadku powinieneś również usunąć swój rozmiar kontenera i pozwolić Susy obliczyć to na podstawie kolumn i rynien.