device-height

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

注意:要查詢視口的高度,開發者應該使用height媒體特性。

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

語法

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

示例

為高度小於 800 畫素的裝置應用特殊樣式表

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

規範

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

瀏覽器相容性

另見