/ / Susy liczy błędnie szerokość kolumny i rynny - matematyka, układ, sass, siatka, susy

Susy liczy błędnie szerokość kolumny i rynny - matematyka, układ, sass, siatka, susy

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 № 1

Oto 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.