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 日修改。