Detect viewport ratio is 16:9+ or not

メディア・クエリーを使ってビューポートの縦横比を判別する。aspect-ratioでは(min|max)-のプリフィックスを間違えやすいので注意する。

max-aspect-ratio: 16/9

If this text is green, your browser can recognize max-aspect-ratio: 16/9 feature.

16:9以上だが、比率としては以下になるので、max-プリフィックスをつける。

min-height: 56.25vw

If this text is green, your browser can recognize min-height: 56.25vw feature.

56.25vwでビューポートの9/16のサイズが計算できるので、これをmin-heightで判定して行う。Firefox 33 (多分20)以上でのみ動く。