ITPub博客

首页 > 应用开发 > IT综合 > 配置Susy 2

配置Susy 2

投稿 IT综合 作者:whm156377 时间:2020-03-14 11:53:54 0 删除 编辑

   配置Susy 2


  就像上个版本一样,如果你想使用Susy 2,就需要在config.rb文件中引入susy:


  #config.rb


  require'susy'


  然后向样式表中导入Susy:


  //Importing Susy


   import'susy';


  Susy 2具有一系列内建的全局默认配置。完全可以像如下方式修改默认配置:


  //Configuring Susy 2 Global Defaults


  $susy:(


  key:value


  );


  也许此时你会想深入了解使用这些默认配置的方式,不过我还是将相关内容另写一篇文章吧。现在就请直接使用默认配置吧,但我个人来说,比较喜欢使用border-box和rem单位,所以这里会有点小小的修改:


  $susy:(


  global-box-sizing:border-box,


  use-custom:(rem:true


  )


  );


  注意,Susy默认使用的时流失布局。这意味着外部容器元素的宽度是100%。


  反之,如果你喜欢在Susy中使用精确断点的固定布局,那么只需把math关键字的值修改为static即可。这两种模式的主要区别就在于窗口宽度改变时的响应效果。


  另一点需要注意的是,你还需要在项目中导入normalize和compass。简而言之,最初的配置文件如下所示:


   import"normalize";


   import"compass";


   import"susy";


  //Configuring Susy Defaults


  $susy:(


  global-box-sizing:border-box,


  use-custom:(rem:true


  )


  );


   include border-box-sizing;


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/69926583/viewspace-2680223/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
承接各种APP系统开发:147-1810-5113可微,欢迎来咨询!

注册时间:2019-11-12

  • 博文量
    18
  • 访问量
    13366