CSS新媒體查詢是Web設計中重要的一部分，它可以讓網頁在不同的設備上表現得更好。

通過使用CSS新媒體查詢，你可以確定不同的屏幕尺寸，瀏覽器寬度和高度，設備方向等等。

下面是一些CSS新媒體查詢的示例代碼：

/* 如果屏幕寬度小于等于768像素就使用這些樣式 */
@media (max-width: 768px) {
body {
font-size: 16px;
}
}
/* 如果屏幕寬度大于等于1200像素就使用這些樣式 */
@media (min-width: 1200px) {
.container {
width: 1140px;
}
}
/* 如果設備是橫向的就使用這些樣式 */
@media (orientation: landscape) {
img {
max-width: 100%;
}
}

以上示例代碼展示了如何使用CSS新媒體查詢的三個常見用法。第一個用法是針對小于等于768像素的屏幕寬度設定字體大小，第二個用法是針對大于等于1200像素的屏幕寬度設定容器寬度，第三個用法是針對設備方向為橫向的情況設定圖片最大寬度。

CSS新媒體查詢不僅可以幫助你優化網站的用戶體驗，還可以提高你的網站在搜索引擎上的排名。使用CSS新媒體查詢可以讓你的網站更加響應式，更加適合不同的設備，從而吸引更多的用戶和訪問者。