CSS 媒體查詢是一種使用 CSS 規則來針對不同設備或屏幕分辨率應用不同樣式的方法。在 CSS 中，我們可以通過媒體查詢來檢查設備特性如屏幕尺寸、屏幕比例或方向等，并根據檢查結果決定應用哪些 CSS 樣式。

斷點是指我們在媒體查詢中設置的某個屏幕尺寸，當瀏覽器窗口大小達到某個尺寸時，CSS 文件將應用不同的樣式表。以下是一些常見的斷點：

/* 小于 576 像素 */
@media (max-width: 575.98px) {
/* 樣式表 */
}
/* 大于等于 576 像素 */
@media (min-width: 576px) {
/* 樣式表 */
}
/* 大于等于 768 像素 */
@media (min-width: 768px) {
/* 樣式表 */
}
/* 大于等于 992 像素 */
@media (min-width: 992px) {
/* 樣式表 */
}
/* 大于等于 1200 像素 */
@media (min-width: 1200px) {
/* 樣式表 */
}

在這些例子中，我們使用了 min-width 和 max-width 屬性來設置不同的斷點。例如，當瀏覽器窗口小于 576 像素時，我們可以使用適合于移動設備的樣式表，而當窗口大于 1200 像素時，我們可以使用更適合于桌面設備的樣式表。

除了屏幕尺寸以外，我們還可以使用其他條件來設置斷點，例如屏幕比例或方向。以下是一些例子：

/* 豎屏 */
@media (orientation: portrait) {
/* 樣式表 */
}
/* 橫屏 */
@media (orientation: landscape) {
/* 樣式表 */
}
/* 寬屏 */
@media (min-aspect-ratio: 16/9) {
/* 樣式表 */
}
/* 窄屏 */
@media (max-aspect-ratio: 4/3) {
/* 樣式表 */
}

總的來說，CSS 媒體查詢斷點是一個非常有用的工具，可以讓我們更加靈活地適應不同的設備和屏幕尺寸，提供更好的用戶體驗。