Susy非移动第一

Question

有没有办法让Compass Susy从大宽度移动到移动？

我理解移动首先保持文件大小等，但从布局的角度来看，当然建立一个完整的桌面版本和有断点删除项目更窄的宽度将是最好的？

有什么想法？

Answer 1

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

mixin接受三部分参数：$min $layout $max。您可以传递除max-only以外的任意组合。以与移动优先相同的方式进行，只需减小最大宽度而不是增加最小宽度。 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 */ } 
}