Internet Explorer 특정 스타일 Rails 5 Sass

Question

인터넷 익스플로러는 엘리먼트의 패딩에 문제를 일으키고 세로로 가운데 정렬되지 않습니다 (Edge, Firefox, Chrome, Safari 모두 좋습니다). 에 따르면

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

:

은 내가 ie.sass 파일을 만든 다른 답변으로는 like this one 정확하게 표시하려면 충분해야하지만 IE에는 여전히 특정 규칙이 없습니다.

아이디어가 있으십니까? 고맙습니다.

Answer 1

아무도 도움을받지 못했기 때문에 더 깊이 파고 들기로했습니다. 대신 IE를 대상으로 CSS를 사용하여, 나는이 대답에 아이디어 다음, 자바 스크립트를 사용 :

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를 사용하여 알아낼 수 있다면 아래에 게시 해주세요 :)