CSS中可以通過媒體查詢來判斷當(dāng)前設(shè)備是否為手機(jī)。媒體查詢可以讓網(wǎng)頁根據(jù)不同的設(shè)備類型和屏幕大小來顯示不同的樣式。以下是兩種常用的判斷方法。

/* 方法一 */
@media screen and (max-width: 768px) {
/* 在這里編寫手機(jī)屏幕下的樣式 */
}
/* 方法二 */
@media only screen and (pointer: coarse) {
/* 在這里編寫手機(jī)屏幕下的樣式 */
}

方法一是通過屏幕寬度來判斷設(shè)備類型，如果屏幕寬度小于等于768px，則認(rèn)為是手機(jī)設(shè)備。這個(gè)方法的判斷標(biāo)準(zhǔn)可以自行調(diào)整，比如設(shè)置更小的屏幕寬度。

方法二是通過鼠標(biāo)指針類型來判斷設(shè)備類型，如果指針類型為coarse，則認(rèn)為是觸摸屏幕設(shè)備，如手機(jī)和平板電腦。這個(gè)方法的判斷標(biāo)準(zhǔn)比較準(zhǔn)確，但不是所有設(shè)備都支持。