device-width
**已弃用:** 此功能不再推荐使用。尽管一些浏览器可能仍然支持它,但它可能已被从相关网络标准中删除,或者正在被删除,或者可能仅出于兼容性目的而保留。避免使用它,如果可能,请更新现有代码;请参阅本页底部的兼容性表格,以指导您的决定。请注意,此功能可能随时停止工作。
**注意:** 要查询视窗的宽度,开发者应该使用width
媒体特性。
语法
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 表格仅在浏览器中加载