Question

我和Sass一起运行Rails 3.1。我现在需要将样式表分为移动版和桌面版。默认情况下，sass-rails将我的assets / stylesheets / path中的每个.scss文件压缩为一个application.css文件。

相反，我希望明确告诉Sass将scss文件X编译成mobile.css并将文件Y＆amp; Z进入desktop.css

这是通过config.sass值完成的吗？我真的很感激这一方面的帮助。

Answer 1

通常你＆lt;％= stylesheet_link_tag：application％＆gt;

application.scss看起来像：

*= require_self
*= require_tree

使用sass的包含而不是需要文件的sprocket清单。要仍然使用application.scss，请删除行*= require_tree

所以＆lt;％= stylesheet_link_tag：mobile％＆gt;

/app/assets/stylesheets/mobile.scss

@import "bootstrap/bootstrap.scss";
@import "typography.scss";
body {
  padding-top: 60px;
}

你也会为desktop.scss做同样的事情。注意：您必须手动添加要导入的每个文件。

Answer 2

使用响应设计而不是服务器端检查！更先进/更好的方法。另外，您的http请求会感谢您！

或者编写一个方法来检查用户代理（我假设你已经做过）并将条件化'加载你的风格