CSS3 Media Query是一種可讓網頁根據設備不同特性動態(tài)地改變顯示效果的技術。

在CSS3中我們可以通過@media規(guī)則來定義專門針對某個特定設備或設備類型的樣式規(guī)則集，比如針對手機的樣式和針對桌面的樣式。這樣可以為不同終端用戶提供最佳的用戶體驗。

/* desktop */
@media all and (min-width: 1024px) {
body {
font-size: 16px;
background-color: #fff;
}
}
/* phone */
@media all and (max-width: 768px) {
body {
font-size: 12px;
background-color: #f1f1f1;
}
}

上面例子中的@media規(guī)則定義了兩個不同的樣式，一個適用于寬屏桌面設備，另一個適用于手機等小屏幕設備。在桌面設備上，頁面的字體大小為16px，而在手機設備上則為12px，頁面背景色也進行了相應調整。

總之，CSS3 Media Query為網頁開發(fā)帶來了更多可能，可以讓我們更加精確地控制網頁的展現效果，同時提升用戶的瀏覽體驗。