ブラウザに基づいて異なるCSS幅プロパティを適用しますか？ （IE8、FF）

Question

divに幅を適用する必要があります。ブラウザ全体で幅の値を変更する必要があります。私は条件付きCSSを適用できません。だからこれを行うためのハックがあります。

FF

.apply{ 
    width: 720px; 
} 

IE8

.apply{ 
    width: 690px; 
} 

これらのそれぞれの特性は、ブラウザごとにautomaticaly適用されるように、いくつかのハックを使用して組み合わせることができます。

Answer 1

：CSSで

：

HTMLで

@-moz-document url-prefix() { 
    //Firefox-specific CSS here. 
} 

：

<!--[if IE 8]> 
    <style type="text/css"> 
     //IE8-specific CSS here. 
    </style> 
<![endif]--> 

Answer 2

FFの幅は他のブラウザと異なりますか？ （もちろんIEは除く）。そうでない場合は、CSSを次のように設定します。

.apply {width: 720px;} 

IE8の場合、HTMLで条件文を使用します。

IE8については、以下

<!--[if IE 8]><style type=text/css>.apply {width: 690px;}</style><![endif]--> 

Answer 3

：私はこのリンクを見つけた

.apply{ 
    width: 690px\9; 
} 

、あなたにその便利を願っています。

特にFirefoxとIEの場合

http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-how-to-target-ie6-ie7-and-ie8-uniquely-with-4-characters/

Answer 4

FFとIE &などのブラウザに基づいてCSSクラスを適用します。 IE Edge。 以下のサンプルコードを使用してください。

/* This is for Firefox Browser */ 
    @-moz-document url-prefix() {  
    .divColor { 
      color: red; 
    } 
} 

/* This is for IE Browser */ 
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {  
    .divColor { 
      color: blue; 
    } 
} 

/* This is for IE Edge Browser */ 
@supports (-ms-ime-align:auto) { 
    .divColor { 
      color: green; 
    } 
}