在移動端開發中，設置手機端的CSS是非常重要的一部分工作。一個好的CSS設置可以讓你的網站更好地適應各種移動設備，提高用戶體驗。

以下是一些關于如何設置手機端的CSS的建議：

/* 以下是設置viewport的代碼 *//* 以下是設置CSS reset的代碼 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* 使用Eric Meyer's CSS Reset */
/* 以下是設置字體大小的代碼 */
body {
font-size: 16px;
}
/* 以下是設置響應式布局的代碼 */
@media (max-width: 767px) {
/* 小于等于767px的屏幕 */
...
}
@media (min-width: 768px) and (max-width: 991px) {
/* 大于等于768px且小于等于991px的屏幕 */
...
}
@media (min-width: 992px) and (max-width: 1199px) {
/* 大于等于992px且小于等于1199的屏幕 */
...
}
@media (min-width: 1200px) {
/* 大于等于1200px的屏幕 */
...
}
/* 以下是設置移動設備常見樣式的代碼 */
a:active, a:hover {
...
}
input[type="text"], input[type="password"], textarea {
...
}
button, input[type="submit"], input[type="reset"], input[type="button"], select {
...
}

通過以上代碼設置，你的網站可以更好地適應不同屏幕大小的移動設備，并且呈現出更美觀、合理的視覺效果。