CSS3可以利用媒體查詢來判斷設備類型，包括手機、平板和電腦等。具體來說，我們可以通過設置媒體查詢的屏幕寬度和height來區分不同的設備，例如：

@media screen and (max-width: 480px) {
/* 這里是針對手機的樣式 */
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
/* 這里是針對平板的樣式 */
}
@media screen and (min-width: 1025px) {
/* 這里是針對電腦的樣式 */
}

其中，max-width和min-width表示屏幕寬度的最大和最小值，單位為像素（px）。

如果要特別針對手機設備，可以在媒體查詢中設置設備的寬度和高度，例如：

@media screen and (max-device-width: 480px) and (max-device-height: 800px) {
/* 這里是針對iPhone和Android手機的樣式 */
}

在這里，max-device-width和max-device-height表示設備的屏幕寬度和高度的最大值。這樣一來，就可以特別針對手機設備設置樣式了。