在移動(dòng)設(shè)備普及的時(shí)代，越來越多的網(wǎng)站需要兼容不同的設(shè)備。而針對手機(jī)瀏覽器的兼容，很多開發(fā)者會采用通過CSS來判斷設(shè)備類型的方式。

//以下是基于 CSS 的媒體查詢，可判斷設(shè)備類型
@media screen and (max-width: 480px) {
/* 當(dāng)設(shè)備寬度小于 480px 時(shí)應(yīng)用以下樣式 */
}
@media only screen and (max-device-width: 480px) {
/* 當(dāng)設(shè)備寬度小于 480px 時(shí)應(yīng)用以下樣式，只針對移動(dòng)設(shè)備 */
}

使用這種方式可以基于不同設(shè)備的屏幕大小來定義不同的樣式。例如，可以設(shè)置針對移動(dòng)設(shè)備的更小的字體大小、對過長的文本進(jìn)行折行等。

需要注意的是，通過CSS判斷設(shè)備類型并不是一種完全準(zhǔn)確的方法，因?yàn)椴煌O(shè)備的屏幕大小和分辨率差異較大。而且，許多設(shè)備支持旋轉(zhuǎn)屏幕，因此必須確保樣式能夠正確地適應(yīng)橫向和縱向兩種情況。