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

浏览器兼容性

另见