隨著手機的發展，iPhone的市場份額越來越大，因此，如何優化網站以適配iOS設備成為了前端開發人員不得不關注的問題。

在適配iOS設備的過程中，CSS是非常重要的一個環節。下面，我們來看一下一些常用的CSS適配技巧。

// 1. viewport設置
// viewport是一種虛擬的窗口，用來指定網頁在設備中顯示的區域
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
// 2. CSS Reset
// 不同的瀏覽器可能有不同的默認樣式，為了保證樣式的統一性，可以使用CSS Reset
// 這里以reset.css為例
<link rel="stylesheet" type="text/css" href="reset.css">
// 3. 媒體查詢
// 借助媒體查詢，可以根據設備的不同，提供不同的樣式
// 這里以@media screen and (max-width: 640px)為例，表示當屏幕寬度小于等于640px時生效
@media screen and (max-width: 640px) {
// CSS樣式
}
// 4. Flex布局
// Flex布局是一種非常靈活的布局方式，可以很好地適配各種設備
// 這里以display:flex為例
.container {
display: flex;
}
// 5. 圖片適配
// 在iOS設備上，Retina屏幕非常普遍，因此需要準備高清圖片
// 這里以@media screen and (-webkit-min-device-pixel-ratio: 2)為例，表示Retina屏幕上生效
@media screen and (-webkit-min-device-pixel-ratio: 2) {
// 高清圖片地址
background-image: url('image@2x.png');
}

以上就是一些常用的CSS適配技巧。在實際開發中，還需要根據具體情況進行調整，以獲得最佳的適配效果。