device-aspect-ratio
已弃用：此功能不再推荐。尽管一些浏览器可能仍然支持它，但它可能已从相关的 Web 标准中删除，可能正在被删除，或者可能仅出于兼容性目的而保留。避免使用它，如果可能，请更新现有代码；请参阅此页面底部的兼容性表，以指导您的决策。请注意，此功能可能随时停止工作。
注意：要查询视口的纵横比，开发人员应改用aspect-ratio 媒体特性。
语法
device-aspect-ratio 特性指定为<ratio>。它是一个范围特性，这意味着您还可以使用带前缀的min-device-aspect-ratio 和max-device-aspect-ratio 变体分别查询最小值和最大值。
示例
使用 min-device-aspect-ratio
css
article {
padding: 1rem;
}
@media screen and (min-device-aspect-ratio: 16/9) {
article {
padding: 1rem 5vw;
}
}
规范
| 规范 |
|---|
| 媒体查询级别 4 # device-aspect-ratio |
浏览器兼容性
BCD 表格仅在浏览器中加载