device-aspect-ratio，指的是輸出設備的螢幕可見寬度與高度的比率。
簡介,示例,
簡介
device-aspect-ratio
語法：
device-aspect-ratio：
取值：
：
指定比率
說明：
定義輸出設備的螢幕可見寬度與高度的比率。
如常講的顯示器螢幕比率：4/3, 16/9, 16/10
本特性接受min和max前綴，因此可以派生出min-device-aspect-ratio和max-device-aspect-ratio兩個媒體特性。
示例
簡單列舉幾個套用示例：
@media screen and(device - aspect - ratio: 4 / 3) {…
}@import url(example.css) screen and(min - device - aspect - ratio: 4 / 3);
@media screen and(device - aspect - ratio: 4 / 3) {… }@import url(example.css) screen and(min - device - aspect - ratio: 4 / 3);
示例：
@media screen and(device - aspect - ratio: 16 / 10) {
body {
color: #f00;
}
}當你將輸出設備螢幕解析度為16 : 10時，本行文字顯示為紅色
@media screen and(device - aspect - ratio: 16 / 10) { body { color: #f00; } }當你將輸出設備螢幕解析度為16 : 10時，本行文字顯示為紅色
