當我們使用CSS樣式表設計網頁時，需要考慮瀏覽器的兼容性。蘋果瀏覽器Safari和Chrome的渲染機制有些不同，因此需要特別注意在這些瀏覽器中使用CSS時可能出現的問題。

一些常見的CSS兼容性問題涉及到字體、背景、邊框和布局等方面。以下是一些例子：

/* 字體問題 */
.font-style {
font-family: Arial, sans-serif;
font-size: 24px;
font-weight: bold;
color: #333;
text-align: center;
}
/* 在蘋果瀏覽器上設置字體樣式時，應當設置字體系列、字號和字重。此外，在Safari中，應當使用text-align屬性來設置文本對齊方式。 */
/* 背景問題 */
.background-style {
background-color: #f5f5f5;
background-image: url("image/background.jpg");
background-position: center top;
background-repeat: no-repeat;
}
/* 在蘋果瀏覽器上，當圖片地址錯誤時，背景將不會出現。此外，在Chrome瀏覽器中，如果使用了透明色彩，可能會出現顏色偏差。因此，在設計背景時，應當使用不透明的顏色或正確的圖片地址。 */
/* 邊框問題 */
.border-style {
border: 1px solid #ccc;
border-radius: 5px;
}
/* 在Safari瀏覽器中，當設置了邊框半徑時，邊框可能不會顯示完整。為解決這個問題，應當使用-webkit-border-radius屬性來設置圓角。 */
/* 布局問題 */
.layout-style {
float: left;
width: 50%;
margin: 0 5%;
}
/* 在蘋果瀏覽器中，由于浮動元素會破壞文檔流，可能會導致某些元素跑到了其它位置。為避免這種情況，應當設置清除浮動屬性或使用flexbox自動布局。另外，在Safari中，設置了百分比寬度時，可能會出現計算錯誤。在設計布局時，應當確保元素的尺寸和位置精確無誤。 */

在使用CSS樣式表時，還應當注意盡可能使用CSS3屬性來設計頁面。CSS3提供新的、更高效的樣式特性，并且在兼容性方面也進一步得到了完善。