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

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参见