device-aspect-ratio

已棄用：此特性不再推薦。雖然某些瀏覽器可能仍然支援它，但它可能已經從相關的網路標準中刪除，可能正在刪除過程中，或者可能僅為相容性目的而保留。請避免使用它，如果可能，請更新現有程式碼；請參閱本頁底部的相容性表格以指導您的決策。請注意，此特性可能隨時停止工作。

注意：要查詢視口的縱橫比，開發者應該使用aspect-ratio媒體特性。

device-aspect-ratio CSS 媒體特性可用於測試輸出裝置的寬長縱橫比。

語法

device-aspect-ratio 特性被指定為<ratio>。它是一個範圍特性，這意味著你也可以使用帶字首的 min-device-aspect-ratio 和 max-device-aspect-ratio 變體來分別查詢最小值和最大值。

css

article {
  padding: 1rem;
}

@media screen and (min-device-aspect-ratio: 16/9) {
  article {
    padding: 1rem 5vw;
  }
}

規範
媒體查詢第 4 級 # device-aspect-ratio

本頁面最後由MDN 貢獻者於2025 年 7 月 14 日修改。