Internet Explorer固有のスタイルRails 5 Sass

Question

Internet Explorerはいつものように、要素のパディングに問題があり、縦に中央に配置されていません（Edge、Firefox、Chrome、Safariはすべて良いです）。

私はie.sassファイル作成：よる

<%= 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' %> 

：私のapplication.html.erbファイルで

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

：私のassets.rbファイルで

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

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

を他の回答には、like this oneこれはそれが正しく表示するのに十分なはずですが、IEはまだ私の特定のルールを持っていません。

アイデア？どうもありがとうございました。

Answer 1

誰も助けに出なかったので、私はもっと深く掘り下げることにしました。代わりにIEをターゲットにCSSを使用して、私はこの答えのアイデア以下は、JavaScriptを使用：

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

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

が動作しているようです。私はこれが解決策よりも回避策であることを知っています。誰かがCSSを使って把握できれば、下に投稿してください:)