Media CSS3是一項強大的技術，可以使我們的網頁在不同設備上以不同的方式顯示。使用Media CSS3，我們可以為不同的屏幕或設備編寫不同的CSS代碼來控制網頁的顯示效果。這在現代網頁設計中非常有用，因為現在有許多不同種類和尺寸的設備可以訪問網頁。

/* 在Media CSS3中定義屏幕的尺寸 */
@media (max-width: 767px) {
/* 在這個屏幕上顯示的樣式 */
body {
font-size: 14px;
background-color: #f5f5f5;
}
}
@media (min-width: 768px) and (max-width: 991px) {
/* 在這個屏幕上顯示的樣式 */
body {
font-size: 16px;
background-color: #ededed;
}
}
@media (min-width: 992px) {
/* 在這個屏幕上顯示的樣式 */
body {
font-size: 18px;
background-color: #d9d9d9;
}
}

如上例所示，Media CSS3允許我們根據屏幕大小和其他條件來選擇不同的CSS樣式。這使得我們可以根據設備和屏幕大小來優化我們的網頁，并提供更好的用戶體驗。

總之，Media CSS3是一項非常有用的技術，在現代網頁設計中扮演著至關重要的角色。如果你還沒有使用Media CSS3來優化你的網頁，現在就應該開始了。