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

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

.apply {width: 720px;} 

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

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

Answer 3

对于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 4

应用基于像FF和IE &浏览器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; 
    } 
}