CSS3關于手機屏幕的響應式設計是一個很有用的功能，可以幫助我們對不同尺寸的手機屏幕進行適當的優化，提高用戶的體驗。下面就是如何使用CSS3檢測手機屏幕的方法。

@media screen and (max-width: 767px) {
/* 在這里添加你的CSS樣式 */
}

上面的CSS代碼使用了媒體查詢，意思是當瀏覽器的窗口寬度小于等于767px時，使用這段CSS。這就是CSS3響應式設計的精髓所在。

在移動設備上，我們還可以使用設備的寬度來設置樣式，這樣可以更好地適應不同尺寸的手機屏幕。例如：

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
/* 在這里添加你的CSS樣式 */
}

上面的CSS代碼使用了設備的寬度范圍來設置樣式，這樣可以確保你的樣式只應用于滿足條件的設備，而不會影響其他設備。

CSS3檢測手機屏幕的方法很簡單，但是它可以大大提高你的網站在移動設備上的用戶體驗，因此我們應該盡量使用這個功能來優化我們的網站。