2017-06-29 4 views
0

私はこの問題に関する情報を見つけるのに苦労しています。それはminとmaxが使用されているようですが、minまたはmaxは変更を意味するため、混乱しています。比率の一部が変更された場合、比率にはなりません。これを説明して、この混乱を解消することができますか、また、このリソースがリソースの不足を考慮して使用されていないものですか、他のものを使用する方が良いですか?アスペクト比のメディアクエリはどのように機能しますか?

@media screen and (aspect-ratio: 16/9){ 
     background-color: blue; 
} 
+0

考えるでなければならない:9:16/9'が16/9より広いものとして、それは、17であります、18:9などです。あなたの例のように 'aspect-ratio'を指定するだけで、その特定の比率だけを対象とします。すなわち、ブラウザはその比率で正確にサイズ変更されます。 「アスペクト比」だけの共通のケースはほとんど考えられません。 'min-'と 'max-'を前置して、ビューポートの近似アスペクト比または「方位」を決定し、それに基づいて設計上の決定を下すことができます。 –

答えて

0

あなたは何のセレクタを持っていない - それは `分アスペクト比の

@media screen and (aspect-ratio: 16/9){ 

    body{ 
     background-color: blue; 
    } 

} 
関連する問題