Применить другое свойство ширины CSS на основе браузера? (IE8, FF)

Question

Я должен применить ширину к div.Значение ширины необходимо варьировать в браузере.Я не могу применить условный CSS.Так что может быть любой хак для этого.

FF

.apply{
    width: 720px; 
}

IE8

.apply{
    width: 690px; 
}

Могут ли они быть объединены с помощью некоторого хака, так что соответствующие свойства будутприменяется автоматически согласно браузеру.

Answer 1

Для Firefox и IE, в частности:

В CSS:

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

В HTML:

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

Answer 2

Для IE8 и ниже:

.apply{
    width: 690px\9; 
}

Я нашел эту ссылку, надеюсь, она вам пригодится.

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

Answer 3

Применение классов CSS на основе браузеров, таких как FF и IE & IE Edge.Используйте приведенный ниже пример кода CSS.

/* 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;
    }  
}

Answer 4

Отличается ли ширина для FF от других браузеров?(кроме IE конечно).Если нет, то установите свой CSS на:

.apply {width: 720px;}

Для IE8 используйте условные выражения в HTML.

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