Question

IE 8 9 10、火狐、谷歌之间css的兼容问题

IE、火狐、谷歌三个之间的样式兼容问题，怎么来控制，比如一个文本框，在IE下高32px,那么在火狐上就会多5px，在谷歌上会少5px，怎么控制三个浏览器之间的兼容问题。

Answer 1

针对每个浏览器写 CSS hack 代码，写这些hack的时候要注意顺序，代码写法如下：

\9 ：IE6、IE7、IE8都能识别
\0 ：仅IE8识别
* ：IE6、IE7能识别
*+ ：仅IE7能识别
_ ：仅IE6能识别
\0\9或\9\0 ：仅IE9能识别
IE10支持媒体查询，然后也支持-ms-high-contrast这个属性，所以，我们可以用它来hack ie10：

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10-specific styles go here */
}
==================================================
比如height可以这样写：

.text {
height: 32px !important ; /*IE7、火狐都能识别*/
height: 32px \9; /*IE6、IE7、IE8都能识别*/
height: 32px \0\9; /*IE9都能识别*/
height: 32px; /*最后一个普通样式，留给chorme*/
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.text {
height: 32px; /* IE10外层用@media screen包含，即可正常识别 */
}
}

Answer 2

兼容不能控制，需要脚本程序，如果不想那么麻烦，“!important”优先级，可以实现，

另外，写CSS的时候，多测试，尽量用可以兼容的语句，

Answer 3

html网页可以参考W3C标准 http://www.w3school.com.cn/w3c/w3c_html.asp