複製鏈接
請複製以下鏈接發送給好友
https://baike.baidu.hk/item/device-aspect-ratio/2393654
複製
複製成功

device-aspect-ratio

鎖定
device-aspect-ratio，指的是輸出設備的屏幕可見寬度與高度的比率。
外文名
device-aspect-ratio
所屬學科
計算機科學
定    義
輸出設備的屏幕可見寬度與高度的比率

目錄

  1. 1 簡介
  2. 2 示例

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兩個媒體特性。

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時，本行文字顯示為紅色
[1] 
參考資料