CSS是網(wǎng)頁設(shè)計(jì)中不可少的一部分，但是在不同的瀏覽器上，CSS的兼容性問題也是讓人頭疼的。接下來我們使用pre標(biāo)簽來匯總CSS的兼容性問題。

/*以下是CSS代碼*/
p {
font-weight: bold;
color: Blue;
text-align: center;
}
/*在處理CSS瀏覽器兼容性問題時(shí)要注意以下幾點(diǎn)：*/

1、CSS3的屬性在低版本的瀏覽器上不支持。

/*例如border-radius/ box-shadow等屬性，可以通過使用瀏覽器前綴來解決兼容性問題。*/
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;

2、不同瀏覽器的默認(rèn)樣式不同。

/*可以先使用reset.css將所有瀏覽器的默認(rèn)樣式清除掉，然后再設(shè)置自己的樣式。*/
* {
margin: 0;
padding: 0;
}

3、文本垂直居中在IE瀏覽器上需要使用hack。

/*可以使用CSS hack來解決此問題。*/
.vertical-center {
display: table-cell;
vertical-align: middle;
*display: block;
*line-height: 45px;
}

4、某些瀏覽器不支持transparent屬性。

/*可以通過使用rgba或者使用十六進(jìn)制的方式來達(dá)到相同的效果。*/
background-color: rgba(0,0,0,0.5);
background-color: #000000;

5、多媒體查詢在IE瀏覽器上需要使用JavaScript來實(shí)現(xiàn)。

/*通過JavaScript來檢測瀏覽器窗口尺寸，然后加載對應(yīng)的樣式。*/
function myFunction(x) {
if (x.matches) { // If media query matches
document.body.style.backgroundColor = "yellow";
} else {
document.body.style.backgroundColor = "pink";
}
}
var x = window.matchMedia("(max-width: 700px)")
myFunction(x) // Call listener function at run time
x.addListener(myFunction) // Attach listener function on state changes

在實(shí)際開發(fā)中，我們需要根據(jù)不同的需求來解決CSS瀏覽器兼容性問題，以上是一些常見的示例，希望對大家有所幫助。