CSS屏幕判斷設備是HTML5中的一個重要特性，這個特性允許我們可以根據不同設備的屏幕尺寸來設置不同的樣式。比如說，對于手機設備，我們可以把文字的字體大小調得比較小，以適應手機屏幕的大小；而對于桌面電腦，我們可以把字體變大一些，以保證頁面展示更加清晰。

@media screen and (max-width: 767px) {
 body {
font-size: 12px;
 }
}
@media screen and (min-width: 768px) {
 body {
font-size: 16px;
 }
}

以上的代碼就是一個典型的CSS屏幕判斷設備的例子。這個例子中，我們使用了@media規則，使這個規則只在特定的屏幕尺寸條件下生效。

例如，當屏幕的最大寬度小于767像素時（也就是手機屏幕），我們將字體大小設置為12像素。而當屏幕的最小寬度大于等于768像素時（也就是桌面電腦）我們將字體設置為16像素。

這樣做的好處是，我們可以根據不同設備的屏幕尺寸來針對性的設置樣式，這樣可以保證我們的網站在各種設備上都能夠適配得很好。

總的來說，CSS屏幕判斷設備是一個非常實用的技術，眾多的網頁設計師和開發人員都會在平時的工作中使用到這個技術，以便讓網站在各種設備上都顯示得盡可能完美。