在網(wǎng)頁制作中，我們經(jīng)常需要為不同的設(shè)備（如PC和手機(jī)）設(shè)置不同的CSS樣式。下面就來詳細(xì)介紹一下這個問題。

.pc{
/* PC端樣式 */
}
.mobile{
/* 手機(jī)端樣式 */
}
@media screen and (max-width: 768px) {
/* 手機(jī)端樣式 */
}

首先，我們可以使用兩種不同的方法來為不同的設(shè)備設(shè)置不同的CSS樣式。

第一種方法是通過檢測設(shè)備分辨率來區(qū)分不同的設(shè)備，例如：

.pc{
/* PC端樣式 */
}
.mobile{
/* 手機(jī)端樣式 */
}
@media screen and (max-width: 768px) {
/* 手機(jī)端樣式 */
}

在上面的代碼中，我們使用了@media查詢來檢測設(shè)備分辨率。當(dāng)設(shè)備分辨率小于等于768px時，這段CSS代碼就會被應(yīng)用到頁面中。

使用這種方法的好處是可以為不同的設(shè)備設(shè)置非常具體的CSS樣式，但缺點(diǎn)是需要針對不同的設(shè)備分辨率編寫不同的CSS樣式，工作量較大，對于響應(yīng)式布局來說并不是很好的選擇。

第二種方法是通過檢測設(shè)備類型來區(qū)分不同的設(shè)備，例如：

.pc{
/* PC端樣式 */
}
.mobile{
/* 手機(jī)端樣式 */
}

在上面的代碼中，我們直接針對不同的設(shè)備類型設(shè)置不同的CSS樣式。

這種方法的好處是工作量相對較小，比較適合響應(yīng)式布局的頁面設(shè)計(jì)，缺點(diǎn)是不能夠?yàn)椴煌脑O(shè)備設(shè)置非常具體的CSS樣式。

綜上，針對不同的設(shè)備設(shè)置不同的CSS樣式有不同的方法和優(yōu)缺點(diǎn)。具體選擇哪種方法還需要根據(jù)具體的需求來進(jìn)行判斷。