作為前端開(kāi)發(fā)中最核心的技術(shù)之一，CSS的屬性寫(xiě)法兼容也是我們必須要掌握的技能之一。當(dāng)我們面對(duì)不同的瀏覽器，尤其是舊版本的瀏覽器，經(jīng)常會(huì)出現(xiàn)一些CSS樣式渲染不一致的問(wèn)題，這時(shí)候我們就需要使用一些兼容性的CSS屬性寫(xiě)法，以確保頁(yè)面的樣式能夠在各種瀏覽器上得到良好的展現(xiàn)。

// 單位使用em
p {
font-size: 14px;
line-height: 1.5em; /* 24px */
padding: 0.5em 2em;
}
// 添加瀏覽器前綴
p {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
// 漸變顏色
background: #d9e3f3; /* Fallback */
background: linear-gradient(to bottom, #d9e3f3, #cfd8f6, #aabce0, #516eac, #374b6d); /* Standard */

其中，使用em作為單位，可以在不同的瀏覽器中得到更加一致的展現(xiàn)。有些瀏覽器可能對(duì)于其他的單位（如pt、px等）的渲染存在一定的差別。

在添加瀏覽器前綴時(shí)，使用了-webkit-、-moz-、-ms-等前綴，這是因?yàn)椴煌臑g覽器實(shí)現(xiàn)了不同的CSS規(guī)范，通過(guò)添加不同的前綴，可以保證我們的樣式在不同的瀏覽器上得到正確的解析。

在使用漸變顏色時(shí)，我們既保留了舊版瀏覽器所能理解的漸變顏色，又使用了更加標(biāo)準(zhǔn)的linear-gradient寫(xiě)法，以確保在新版瀏覽器中得到最佳的展現(xiàn)效果。