使用 zurb 基础时禁用移动媒体查询

Question

我正在尝试在使用基础框架时禁用移动媒体查询。我看到他们更新了框架以包含禁用媒体查询的功能：https://github.com/zurb/foundation/issues/865。

我在我的app.scss 中看到包含媒体查询

//@import "foundation/components/modules/mqueries";

但是你可以看到它被注释掉了。

当我在编译后的 css 中删除 @media 查询时，它会起作用，但出于明显的原因，我不会这样做。

Answer 1

app.scss 文件默认使用所有 Foundation。如果要禁用某些项目，则必须选择要保留的项目。

你可能有一个

@import "foundation"

在文件的顶部。这应该被删除，然后你应该开始取消注释你想要保留的项目（实际上在 app.scss 文件中是这样描述的）。