gpt4 book ai didi

css - rails 4 x SASS : load specific stylesheet in Internet Explorer

转载 作者:太空宇宙 更新时间:2023-11-04 11:07:40 26 4
gpt4 key购买 nike

在我的 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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com