CSS媒體查詢是一種基于媒體類型和特定特征設置樣式的技術。其中，寬高比是一種常用的特征來設置不同的樣式。

@media screen and (min-aspect-ratio: 16/9) {
/* 寬高比大于 16:9 時的樣式 */
body {
font-size: 18px;
}
}
@media screen and (max-aspect-ratio: 4/3) {
/* 寬高比小于 4:3 時的樣式 */
body {
font-size: 14px;
}
}

以上的代碼展示了如何使用CSS媒體查詢寬高比來設置不同的樣式。min-aspect-ratio和max-aspect-ratio分別用于設置寬高比的最小值和最大值。同時，也可以直接使用aspect-ratio來設置一個固定的寬高比。

使用CSS媒體查詢寬高比時需要注意以下幾點：

• 寬高比的值是小數，例如16/9代表寬高比為16:9。
• 寬度和高度的單位必須相同，例如像素或百分比。
• 寬高比只能用于可視區域的寬度和高度比較，而不能用于元素的實際寬度和高度比較。

總之，CSS媒體查詢寬高比是一種非常有用的技術，可以幫助我們在不同的設備和分辨率下展現出最佳的效果。