最近在開發一個移動端項目，發現在蘋果手機上出現了一些排版問題，經過排查發現是CSS的兼容性問題導致的。以下是我遇到的一些問題：

p {
font-size: 16px;
line-height: 1.5;
text-align: justify;
-webkit-text-size-adjust: none;
}
/* 在蘋果手機上會出現以下問題 */
/* 1. 字體大小不一致 */
/* 2. 行高不一致 */
/* 3. 兩端對齊失效 */

針對以上問題，我分別進行了解決：

/* 1. 字體大小不一致 */
/* 在樣式表中直接給 body 設置 font-size */
body {
font-size: 16px;
-webkit-text-size-adjust: none;
}
/* 2. 行高不一致 */
/* 在樣式表中給 p 設置 line-height 和 font-size */
p {
font-size: 16px;
line-height: 1.5;
-webkit-text-size-adjust: none;
}
/* 3. 兩端對齊失效 */
/* 在樣式表中給 p 設置 text-align: justify，同時在標簽中加入以下屬性 */
<p style="-webkit-box-pack: justify;-webkit-justify-content: space-between;text-justify: inter-word;">hello world</p>

以上是我在開發過程中遇到的一些CSS兼容性問題及解決方法，希望對大家有用。