CSS3的 @media screen 功能是現代網頁設計中非常重要的一部分，它可以根據不同的屏幕尺寸和設備類型來自動調整網頁的布局，讓用戶在不同的設備上都能有良好的使用體驗。

@media screen {
/* 在這里寫適配不同尺寸和設備的CSS代碼 */
}

這個 @media screen 功能可以在CSS文件中使用，它可以判斷用戶的瀏覽器窗口大小或者設備屏幕尺寸，然后根據不同屏幕尺寸來應用不同的CSS樣式。

@media screen and (min-width: 768px) {
/* 這個樣式只在窗口寬度大于768px時生效 */
}
@media screen and (min-width: 992px) {
/* 這個樣式只在窗口寬度大于992px時生效 */
}
@media screen and (min-width: 1200px) {
/* 這個樣式只在窗口寬度大于1200px時生效 */
}

上面的三段代碼演示了如何針對不同的屏幕尺寸設定不同的樣式，通過設置不同的min-width值，可以控制樣式何時生效，從而實現響應式的設計。

總之，通過合理應用 @media screen 功能，可以讓網頁在不同的設備上都能有良好的使用體驗，提高用戶滿意度和頁面的訪問量。