Internet Explorer的特定样式Rails 5 Sass

Internet Explorer像往常一样给我一个元素的填充问题，它不是垂直居中（Edge，Firefox，Chrome，Safari都很好）。Internet Explorer的特定样式Rails 5 Sass

我创建了一个ie.sass文件：

.quemsomos-links-desktop-lattes 
     padding-top: 10px 

.quemsomos-links-desktop-linkedin 
     padding-top: 10px

在我assets.rb文件：

Rails.application.config.assets.precompile += %w(ie.css)

在我application.html.erb文件：

<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> 
<!--[if IE]> 
    <%= stylesheet_link_tag 'ie', media: 'all', 'data-turbolinks-track' => true %> 
<![endif]--> 
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>

根据到其他答案，like this one这应该足以让它正确显示，但IE仍然没有我的具体规则。

任何想法？非常感谢你。

来源

2016-10-27 leofontes

因此，由于没有人出现帮助，我决定深入挖掘。而不是使用CSS来瞄准IE的，我使用的JavaScript，下面就这个答案的思路：

How to detect Safari, Chrome, IE, Firefox and Opera browser?

var isIE = /*@[email protected]*/false || !!document.documentMode; 
    if(isIE) { 
     $('.quemsomos-links-desktop-lattes').css('padding-top', '9px'); 
     $('.quemsomos-links-desktop-linkedin').css('padding-top', '9px'); 
    }

似乎是工作。我知道这是一个比解决方案更多的工作，如果任何人都可以使用CSS来搞清楚，请发布如下:)

来源

2016-11-07 15:21:33 leofontes

Internet Explorer的特定样式Rails 5 Sass

回答

相关问题