使用 zurb Foundation 3，因为我需要对较旧的 ie 浏览器的支持 :( 我使用捆绑包安装了基础 gem，因此我可以指定版本 3.2。
基金会的 app.scss 的顶部有以下几行：
// Comment out this import if you are customizing you imports below
@import "foundation";
// ----------------------------------------
// Import specific parts of Foundation by commenting the import "foundation"
// and uncommenting what you want below. You must uncomment the following if customizing
因为我确实想自定义我的导入，所以我已经注释掉了@import“基础”行。
这些线似乎表明它们是使用基础网格所必需的：
//Must include next two for semantic grid to work
@import "foundation/mixins/respond-to";
@import "foundation/mixins/semantic-grid";
@import "modular-scale";
@import "foundation/common/globals";
我以为它们会包含支持可见性类所需的媒体查询，但看起来并非如此。当我向一个元素添加一个“hide-for-small”类时，无论查看输出 css，它都是可见的，那里没有 mqs。
那么如何单独列出并包含基础 3.2 框架附带的媒体查询呢？