<ratio>
<ratio> CSS 数据类型,用于描述媒体查询中的宽高比,表示两个无单位值之间的比例。
句法
例子
在媒体查询中使用
css
@media screen and (min-aspect-ratio: 16/9) { ... }
常见的宽高比
( (
比 | 用法 | |
---|---|---|
4/3 |
在 20 传统电视制式格式。 | |
16/9 |
现代"宽屏”电视格式。 | |
185/100 = 91/50 (不允许非整数除数和除数) |
自 20 世纪 60 年代以来最常见的电影格式。 | |
239/100 (不允许使用非整数红利和除数) |
"宽屏”,变形电影格式。 |
规范
Specification |
---|
Media Queries Level 4 # values |
浏览器兼容性
BCD tables only load in the browser
参见
aspect-ratio
媒体功能