CSS在網頁設計中起著至關重要的作用，尤其對于移動端的適配更加關鍵。下面我們來討論一下如何在蘋果手機上適配CSS。

/* iPhone6適配 */
/* 全屏，去掉狀態欄等 */
body {
margin: 0;
padding: 0;
width: 375px;
max-width: 100%;
height: 667px;
max-height: 100%;
-webkit-touch-callout: none;
-webkit-user-select: none;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: transparent;
}
/* 1像素邊框 */
.border-half {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 1px;
background-color: #dcdcdc;
}
.border-half:before {
content: '';
display: block;
position: absolute;
top: 0;
left: -1px;
width: 1px;
height: 100%;
background-color: #dcdcdc;
}
/* 清除按鈕默認樣式 */
button, input[type="button"], input[type="reset"], input[type="submit"], .button {
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
padding: 0;
background-color: transparent;
border: none;
cursor: pointer;
}
/* 禁止長按彈出菜單 */
* {
-webkit-touch-callout:none;
-webkit-user-select:none;
user-select:none;
}

以上是在蘋果手機上適配CSS的一些實踐經驗，其中包括去掉狀態欄、設置1像素邊框、清除按鈕默認樣式以及禁止長按彈出菜單等。希望對大家有所幫助。