根据浏览器应用不同的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

FF的宽度是否与其他浏览器不同？ （当然除了IE）。如果没有，那么将CSS设置为：

.apply {width: 720px;}

对于IE8，请在HTML中使用条件语句。

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

Answer 4

根据FF和IE＆amp; amp;等浏览器应用CSS类。 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;
    }  
}