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

回答

相關問題