CSS3

：

特能

：

device-aspect-ratio

　 編集：2022.07.14 by T.A.

[Edge]○非推奨。→●、mdn

ディスプレイの縦横比率。

名前 device-aspect-ratio
用途 @media
値 <ratio>
型 範囲

媒体特能 device-width の実値から媒体特能 device-height の実値への比率として定義される

<ratio> ○

［画素が正方形で、横 × 縦が 1280 × 720 画素］のスクリーン装置（いわゆる“16:9”）に対しては、次に挙げるどの媒体クエリも合致することになる： 

@media (device-aspect-ratio: 16/9) { … }

@media (device-aspect-ratio: 32/18) { … }

@media (device-aspect-ratio: 1280/720) { … }

@media (device-aspect-ratio: 2560/1440) { … }

以下のCSSが組み込んであります： 

<SPAN class=Test>テスト</SPAN><BR>
<SPAN class=Test2>テスト</SPAN><BR>

関連
テスト
HTML：

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：