CSS3媒體查詢可以根據屏幕尺寸、設備類型、屏幕方向等條件來定制網站的樣式。這種靈活的方式可以讓網站在不同終端設備上有更好的表現。

下面是一些常用的CSS3媒體查詢的代碼實例：

/* max-width: 600px，只有當屏幕寬度小于等于600px時，這段CSS規則才會生效 */
@media (max-width: 600px) {
.nav {
display: none;
}
.nav-mobile {
display: block;
}
}
/* min-width: 768px，只有當屏幕寬度大于等于768px時，這段CSS規則才會生效 */
@media (min-width: 768px) {
.nav {
display: block;
}
.nav-mobile {
display: none;
}
}
/* screen，只有在屏幕上打開網頁時，這段CSS規則才會生效 */
@media screen {
.header {
background-color: #333;
}
}
/* all，不管在什么終端設備上打開網頁，這段CSS規則都會生效 */
@media all {
body {
font-size: 16px;
}
}

通過媒體查詢，我們可以讓網頁在PC端和移動端上呈現出不同的樣式，提高用戶體驗和交互性。