device-width

**已弃用:** 此功能不再推荐使用。尽管一些浏览器可能仍然支持它,但它可能已被从相关网络标准中删除,或者正在被删除,或者可能仅出于兼容性目的而保留。避免使用它,如果可能,请更新现有代码;请参阅本页底部的兼容性表格,以指导您的决定。请注意,此功能可能随时停止工作。

**注意:** 要查询视窗的宽度,开发者应该使用width 媒体特性。

**device-width** CSS 媒体特性 可以用来测试输出设备的渲染表面的宽度。

语法

device-width 特性被指定为 <length> 值。这是一个范围特性,这意味着您还可以使用前缀的 **min-device-width** 和 **max-device-width** 变体来分别查询最小值和最大值。

示例

为宽度小于 800 像素的设备应用特殊的样式表

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

规范

规范
媒体查询级别 4
# device-width

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅