在我的 Rails 4 应用程序中，我试图实现一个条件来为 Internet Explorer VS 加载不同的样式表。其他浏览器。
我有一个 app/views/layout/_header.html.erb 部分:
<head>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<!--[if !IE]><!-->
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<%= stylesheet_link_tag 'ie', media: 'all', 'data-turbolinks-track' => true %>
<!--<![endif]-->
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
</head>
我在 app/assets/stylesheets 中有以下样式表:
custom / # with all my model-specific stylesheets here, such as posts.scss
application.scss
custom.scss
ie.scss
在 application.scss 我有:
@import "bootstrap-sprockets";
@import "bootstrap";
@import "bootstrap/theme";
@import "bootstrap-datetimepicker";
@import "font-awesome-sprockets";
@import "font-awesome";
@import "simple_calendar";
@import "custom.scss";
@import "custom/**/*";
注意:ie.scss中的IE专用规则非常轻量，不到20行代码。
但是，当我在 Internet Explorer 中启动该应用程序时，ie.scss 中的 CSS 规则未被考虑在内。
当用户在 Internet Explorer 中启动应用程序时，如何加载 ie.scss 文件？
最佳答案
对于所有 IE 版本:
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<!-- Calling application stylesheet file only once -->
<!--[if IE]>
<%= stylesheet_link_tag 'ie', media: 'all', 'data-turbolinks-track' => true %>
<![endif]-->
而不是指定 ie.css，您可以将其更改为:
Rails.application.config.assets.precompile += %w( *.css )
这样您就不必分别添加每个文件。 我通常在我的元素中使用:
Rails.application.config.assets.precompile += %w( *.js *.css *.png *.jpg *.jpeg )
关于css - rails 4 x SASS : load specific stylesheet in Internet Explorer，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33838815/