css新屬性??aspect-ratio? 使用寬/高比進(jìn)行頁(yè)面適配
aspect-ratio：CSS?媒體屬性?可以用來(lái)測(cè)試viewport的寬高比。
min-aspect-ratio和max-aspect-ratio分別查詢最小和最大的值。
例如：
最大寬高比在1689/957之內(nèi)字體為紅色
@media screen and (aspect-ratio:1680/957){
? ?div{
? ? ?color:red;
? ?}
}
最大寬高比在720/90之內(nèi)字體為藍(lán)色
@media screen and (aspect-ratio:720/90){
? ?div{
? ? ?color:blue;
? ?}
}
注意：
1.寬高比不能直接寫(xiě)小數(shù)
2.在less中使用寬高比會(huì)編譯成小數(shù)，可以在比值前面加一個(gè)? ~?
3.避免樣式覆蓋，最好把大比例的媒體查詢寫(xiě)在后面
