CSS（層疊樣式表）是網(wǎng)頁(yè)設(shè)計(jì)中必不可少的一部分，它可以使頁(yè)面更美觀、更有吸引力。而在iOS 9中，CSS的應(yīng)用也有了一些需要注意的地方。

在iOS 9中，為了提高頁(yè)面的性能和流暢度，蘋(píng)果對(duì)于CSS的渲染作出了一些改進(jìn)。比如對(duì)于一些常用的屬性，如position、opacity等，進(jìn)行了優(yōu)化。這些優(yōu)化使得頁(yè)面在iOS 9上渲染得更加流暢，并有小幅度的性能提升。

然而，與此同時(shí)，iOS 9中也存在一些CSS的兼容性問(wèn)題。比如，當(dāng)使用transform動(dòng)畫(huà)時(shí)，element的appearance被更改會(huì)導(dǎo)致動(dòng)畫(huà)無(wú)法持續(xù)播放。此時(shí)，可以使用-webkit-transform來(lái)修復(fù)這個(gè)問(wèn)題。

.element {
-webkit-transform: translateX(50%);
transform: translateX(50%);
}

另一個(gè)需要注意的問(wèn)題是在iOS 9中，Safari瀏覽器默認(rèn)開(kāi)啟了同時(shí)滾動(dòng)和縮放（即多點(diǎn)觸控）的功能。這意味著，如果你的頁(yè)面同時(shí)具有可滾動(dòng)和可縮放的元素時(shí)，用戶就可能會(huì)在不經(jīng)意間進(jìn)行了意外的縮放操作。而這一操作往往會(huì)破壞頁(yè)面的布局效果，影響用戶體驗(yàn)。

為了避免這一問(wèn)題的出現(xiàn)，可以通過(guò)CSS設(shè)置以下代碼，禁止用戶進(jìn)行同時(shí)滾動(dòng)和縮放的操作：

html, body, #wrapper {
height: 100%;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
}
#scroll-div {
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}

以上代碼會(huì)禁止用戶進(jìn)行多點(diǎn)觸控的操作，以確保頁(yè)面的布局效果不受影響。同時(shí)，為了讓頁(yè)面能正常滾動(dòng)，我們還需要設(shè)置-webkit-overflow-scrolling:touch來(lái)開(kāi)啟慣性滾動(dòng)。

總結(jié)來(lái)說(shuō)，在iOS 9中，CSS的應(yīng)用需要我們注意一些細(xì)節(jié)問(wèn)題。只有充分了解這些問(wèn)題，并采取相應(yīng)的解決方案，我們才能將頁(yè)面的顯示效果和用戶體驗(yàn)發(fā)揮到極致。