當(dāng)我們在進行網(wǎng)站開發(fā)時，有時候我們希望某些樣式只在電腦端顯示，而在移動端則隱藏或顯示不同的樣式。這時候我們可以使用CSS媒體查詢來實現(xiàn)。

@media only screen and (min-width: 768px) {
/* 在寬度大于等于768px的屏幕中執(zhí)行以下CSS */
.pc-only {
display: block;
}
}
@media only screen and (max-width: 767px) {
/* 在寬度小于768px的屏幕中執(zhí)行以下CSS */
.pc-only {
display: none;
}
}

上述代碼中，我們使用了兩個媒體查詢。第一個媒體查詢判斷屏幕寬度是否大于等于768px，如果是，則對類名為“pc-only”的元素設(shè)置“display: block”，即在電腦端顯示。第二個媒體查詢則判斷屏幕寬度是否小于768px，如果是，則對類名為“pc-only”的元素設(shè)置“display:none”，即在移動端隱藏。

通過以上代碼，我們就可以輕松實現(xiàn)只在電腦端顯示的樣式。