隨著移動互聯網的普及，現在的網站都需要做到移動端適配，其中CSS的設置就顯得尤為重要。

首先，需要為移動端設置viewport，這可以在head標簽中加入以下代碼：

這一行代碼告訴瀏覽器以屏幕寬度為視口寬度，并以1.0的縮放比例來顯示網頁。

接下來，需要設置移動端的樣式，在CSS文件中可以使用@media來對不同屏幕寬度設置不同的樣式，例如：

/* 對于小于等于320px的屏幕寬度 */
@media (max-width: 320px) {
/* 樣式設置 */
}
/* 對于大于320px小于等于480px的屏幕寬度 */
@media (min-width: 321px) and (max-width: 480px) {
/* 樣式設置 */
}
/* 對于大于480px的屏幕寬度 */
@media (min-width: 481px) {
/* 樣式設置 */
}

在移動端還需要注意一些其他的樣式設置，例如對于按鈕等元素需要添加hover狀態的樣式，可以使用以下代碼：

/* 點擊效果 */
.button:active {
/* 樣式設置 */
}
/* 長按效果 */
.button:active:after {
/* 樣式設置 */
}

另外，在移動端中需要注意盒子模型的設置，可以將box-sizing屬性值設置為border-box，保證padding和border的寬度不會撐開盒子，以下為示例代碼：

* {
box-sizing: border-box;
}

最后，還需要注意字體大小的設置，在移動端可以使用rem作為單位，例如以下代碼：

html {
font-size: 16px;
}
p {
font-size: 1rem;
}

以上就是在CSS中設置移動端樣式的一些基本方法。