CSS規(guī)則能夠幫助網(wǎng)頁開發(fā)者在不同平臺和屏幕尺寸上優(yōu)化用戶的瀏覽體驗。

其中，判斷設(shè)備的類型也是非常重要的一部分，有時候需要特定的樣式針對特定的設(shè)備，比如移動設(shè)備和桌面設(shè)備。一般來說，我們使用媒體查詢實現(xiàn)該功能，但是也有其他方式。

/* 基于舊版瀏覽器的CSS設(shè)備類型判斷 */
@media screen and (min-device-width: 320px) and (max-device-width: 480px) {
/* 樣式代碼 */
}
/* 通過JavaScript和CSS實現(xiàn)設(shè)備判斷 */
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) {
document.getElementsByTagName('html')[0].classList.add('mobile');
} else {
document.getElementsByTagName('html')[0].classList.add('desktop');
}

通過以上代碼，我們可以在訪問移動設(shè)備和桌面設(shè)備時分別為其添加相關(guān)的HTML或CSS類。然后在樣式表中，我們可以使用這些類來針對特定的設(shè)備設(shè)置不同的樣式。

總體來說，這是一種非常靈活的方式，且不會影響網(wǎng)站的性能。