2017-09-29 17 views
1

IEとMicrosoft Edgeを特定のCSSに適用する適切な方法は何ですか?cssターゲットIEとMicrosoft Edge

これは私の一般的なCSSです:

.details-list { 
    font-size: 13px; 
    font-style: italic; 
    display: table; 
    margin: 0 auto; 
} 

ので、私は唯一のMicrossftエッジとIE用のフォントサイズを大きくしたいと言うことができます。

say(say is sass is-set-up)はどのような方法で良いのですか?

何か助けてください!

+0

スクリプトを使用し、ボディにクラスを追加し、スクリプトがあれば(document.documentMode || /Edge/.test(navigator.userAgent)){$('body').addClass('edge 'のようになります。 -ie ')} '、' .edge-ie .details-list {font-size:15px;}のように、CSSを使ってフォントサイズやその他のものを制御することができます。 } ' – skobaljic

答えて

3

ブラウザ固有のCSSは通常は避けますが、本当に必要な場合はさまざまな可能性があります。自動補正する(ある文法的に間違っているCSSを書くことによって https://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx

  • 使用のCSSハック:特定のIE-バージョンをターゲットにHTMLで

    1. 使用条件付きコメント:これらは、最も一般的なものでなければなりません)はまだいくつかのブラウザ/バージョンで適用されています。 http://browserhacks.com/はその後のみ、このようなブラウザを対象に、CSSで使用されているis-internet-explorer、のようなCSSクラスを設定するには、この

    2. JavaScriptを使用のために非常に良いコレクションです。 userAgentの評価が非常に難しく、ブラウザが別のブラウザになりがちな場合は、このような面倒な作業にJavaScript-Libraryを使用する必要があります(https://github.com/DamonOehlman/detect-browser

    3. 一部のサーバーサイドロジックを使用して、余分なクラス。これは基本的に#3と同じですが、サーバー側です。

  • 関連する問題