網站在不同設備上呈現出不同的效果是很常見的現象。為了讓網站在移動設備上呈現出更好的用戶體驗，我們可能需要針對不同的設備進行一些特殊的css樣式設置。下面我們介紹一些方法來區分是手機還是電腦。

首先，我們可以使用媒體查詢（Media Query）來判斷設備的類型。例如，我們可以在css樣式文件中這樣寫：

@media screen and (max-width: 767px) {
/* 這里是針對移動設備的css樣式設置 */
}
@media screen and (min-width: 768px) {
/* 這里是針對電腦設備的css樣式設置 */
}

這里的max-width和min-width是指設備屏幕的寬度。當屏幕寬度小于等于767px時，應用第一個媒體查詢的樣式；否則應用第二個媒體查詢的樣式。這樣就可以通過css樣式來區分手機和電腦的設備類型了。

除了媒體查詢，我們還可以使用JavaScript來檢測設備類型。下面是使用JavaScript代碼來判斷設備類型：

if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
// 這里是針對移動設備的代碼
} else {
// 這里是針對電腦設備的代碼
}

這里使用了正則表達式來匹配設備類型，如果匹配到了移動設備類型，就應用第一個代碼塊的效果，否則應用第二個代碼塊的效果。這種方法的優點是兼容性好，但需要使用JavaScript代碼來實現。

綜上，在設計網站時，我們需要考慮移動設備的特殊性，從而利用css樣式和JavaScript代碼來針對不同的設備類型進行調整，以提高網站的用戶體驗。