Grid 苏西非手机优先

Grid 苏西非手机优先,grid,responsive-design,compass-geolocation,susy-compass,Grid,Responsive Design,Compass Geolocation,Susy Compass,有没有一种方法可以让指南针从大的宽度一直到移动 我知道mobile首先会保持文件大小较小之类的,但从布局的角度来看,构建完整的桌面版本并让断点删除宽度较窄的项目肯定是最好的 有什么想法吗?是的,你可以。事实上,我发现在移动设备上构建布局要容易得多,因为这让我在布局之前先考虑内容。我认为从绝对最小值开始,并根据需要在每个步骤添加是一个更好的过程。也就是说,Susy将使用您喜欢的任何流程。只需对媒体查询使用最大宽度,而不是最小宽度 断点处的mixin接受一个由三部分组成的参数:$min$layout

有没有一种方法可以让指南针从大的宽度一直到移动

我知道mobile首先会保持文件大小较小之类的,但从布局的角度来看,构建完整的桌面版本并让断点删除宽度较窄的项目肯定是最好的


有什么想法吗?

是的,你可以。事实上,我发现在移动设备上构建布局要容易得多,因为这让我在布局之前先考虑内容。我认为从绝对最小值开始,并根据需要在每个步骤添加是一个更好的过程。也就是说,Susy将使用您喜欢的任何流程。只需对媒体查询使用最大宽度,而不是最小宽度

断点处的
mixin接受一个由三部分组成的参数:
$min$layout$max
。您可以通过除max only之外的任意组合。使用与首先使用mobile相同的方法,只需减少最大宽度,而不是增加最小宽度。susy默认值实际上是为桌面优先方法设置的。只需添加断点就可以了

.page {
  @include container;
  @include at-breakpoint(9 40em) { /* a 9-column grid with max-width of 40em */ }
  @include at-breakpoint(6 20em) { /* a 6-column grid with max-width of 20em */ }
}

布里尔,我不反对首先使用手机,我想我会尝试一下,但因为我习惯先使用dekstop,所以我想尝试一下susy,因为我习惯从一开始就使用它。我认为Susy将通过在任何地方使用像素宽度而不是ems来工作?如何让Susy添加外部水槽?有一个
$grid padding
设置。