CSS是網(wǎng)頁設(shè)計(jì)中不可缺少的一部分，尤其是在移動端。因?yàn)椴煌囊苿釉O(shè)備屏幕大小和顯示效果不同，所以在編寫CSS樣式時(shí)需要考慮到兼容性問題。本文將介紹一些在移動端編寫CSS樣式時(shí)需要注意的兼容性寫法。

首先要注意的是，在移動端中，使用“rem”作為單位可以更好地適應(yīng)不同的屏幕大小。在CSS中，1rem等于html根元素的字體大小，即“font-size: 1rem”等于“font-size: 16px”。以下是設(shè)置html根元素字體大小的代碼：

<style>
html {
font-size: 16px;
}
</style>

除此之外，在移動端中，我們需要用到CSS3的媒體查詢（media queries）來適應(yīng)不同的屏幕大小。以下是根據(jù)不同屏幕大小設(shè)置不同字體大小的代碼：

@media (min-width: 320px) {
body {
font-size: 12px;
}
}
@media (min-width: 768px) {
body {
font-size: 16px;
}
}

在移動端中，還需要注意到“觸摸屏”的特性。因此，在CSS中，我們需要添加以下代碼來避免用戶在手機(jī)上的誤操作：

/* 禁止調(diào)整字體大小 */
body {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
/* 禁止選中文本 */
body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* 禁止長按鏈接與圖片 */
a, img {
-webkit-touch-callout: none;
}

最后，我們需要注意到不同瀏覽器對CSS的支持程度不同。因此，在編寫CSS樣式時(shí)需要多進(jìn)行測試，確保在各種瀏覽器中都能夠良好地顯示。