device-width

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

注意：要查詢視口寬度，開發者應改用 width 媒體特性。

device-width CSS 媒體特性可用於測試輸出裝置的渲染表面的寬度。

語法

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

html

<link
  rel="stylesheet"
  media="screen and (max-device-width: 799px)"
  href="http://foo.bar.com/narrow-styles.css" />

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

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