CSS3的 @media screen 功能是現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)中非常重要的一部分，它可以根據(jù)不同的屏幕尺寸和設(shè)備類(lèi)型來(lái)自動(dòng)調(diào)整網(wǎng)頁(yè)的布局，讓用戶在不同的設(shè)備上都能有良好的使用體驗(yàn)。

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

這個(gè) @media screen 功能可以在CSS文件中使用，它可以判斷用戶的瀏覽器窗口大小或者設(shè)備屏幕尺寸，然后根據(jù)不同屏幕尺寸來(lái)應(yīng)用不同的CSS樣式。

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

上面的三段代碼演示了如何針對(duì)不同的屏幕尺寸設(shè)定不同的樣式，通過(guò)設(shè)置不同的min-width值，可以控制樣式何時(shí)生效，從而實(shí)現(xiàn)響應(yīng)式的設(shè)計(jì)。

總之，通過(guò)合理應(yīng)用 @media screen 功能，可以讓網(wǎng)頁(yè)在不同的設(shè)備上都能有良好的使用體驗(yàn)，提高用戶滿意度和頁(yè)面的訪問(wèn)量。