當前移動互聯網時代，蘋果和安卓操作系統已成為市場上的兩大主流。然而，對于網頁設計師而言，兩個操作系統的 CSS 兼容性卻是一大挑戰。

蘋果設備使用的是 Safari 瀏覽器，而安卓設備使用的則是各種不同的瀏覽器，例如 Chrome，Firefox 和 Opera 等。因此，在設計網頁時，我們必須考慮到這些不同的瀏覽器之間的 CSS 兼容性。

蘋果設備 CSS 兼容性問題舉例：
- Safari 不支持 vh / vw 單位
- Safari 對滾動條的自定義樣式支持有限
- IOS10 以前的 Safari 不支持 overscroll-behavior 屬性

安卓設備 CSS 兼容性問題舉例：
- Android 手機瀏覽器不支持 opacity 屬性
- Android7.0 之前版本的 Chrome 對使用 -webkit-overflow-scrolling: touch 樣式的元素支持有限
- 對內聯元素設置 vertical-align 屬性在不同瀏覽器上的渲染效果可能不同

為了解決這些問題，我們可以使用一些方法來改善 CSS 兼容性：

1. 使用 CSS 瀏覽器前綴：不同瀏覽器的渲染引擎不同，可以在 CSS 樣式中加入一些瀏覽器前綴，來適應不同瀏覽器的渲染方式。

2. 使用 JavaScript 庫：例如 Modernizr，它可以自動檢測瀏覽器的功能支持情況，從而幫助我們更好地處理 CSS 兼容性問題。

總之，在設計網頁時，我們必須注重不同瀏覽器之間的 CSS 兼容性。只有這樣，才能使我們的網頁更好地呈現在各種移動設備上，給用戶帶來更好的瀏覽體驗。