近年來(lái)，移動(dòng)設(shè)備的普及已成為一種趨勢(shì)。而隨之而來(lái)的移動(dòng)設(shè)備不兼容問(wèn)題，對(duì)于前端開發(fā)人員而言，也成為了一個(gè)比較頭疼的問(wèn)題。其中，CSS3在iOS9上不兼容更是讓人倍感煩惱。

CSS3已經(jīng)發(fā)展了多年，與此同時(shí)，移動(dòng)設(shè)備也不斷地推陳出新。然而，CSS3在iOS9上的不兼容性卻是一個(gè)很奇怪的問(wèn)題。例如，在iOS9+的WebKit中，border-radius渲染效果可能會(huì)出現(xiàn)鋸齒或者被裁切，而在Desktop或者其他移動(dòng)平臺(tái)下卻沒有這種問(wèn)題。

.example {
-webkit-border-radius: 50%;
border-radius: 50%;
}

除了border-radius，CSS3中的部分屬性在iOS9上也會(huì)出現(xiàn)一些其他的問(wèn)題。在一些情況下，iOS9的WebKit對(duì)于某些CSS3屬性的理解和解釋都和其他平臺(tái)存在一定的區(qū)別，從而導(dǎo)致顯示效果不盡相同。

針對(duì)iOS9不兼容CSS3的問(wèn)題，我們可以通過(guò)一些技術(shù)手段來(lái)盡量解決。比如，可以使用CSS動(dòng)畫庫(kù)來(lái)實(shí)現(xiàn)一些CSS3的效果，或者使用JavaScript一些庫(kù)來(lái)處理不兼容問(wèn)題。同時(shí)，在編寫CSS3代碼時(shí)還需注意不要過(guò)于依賴某些特性。我們必須深入了解不同移動(dòng)設(shè)備的渲染機(jī)制，并盡量避免使用iOS9不兼容的CSS3屬性，從而最大程度上保證網(wǎng)站的瀏覽兼容性。