定位設備寬高比低於CSS中的某個閾值

Question

我的大腦被束縛住了。

如何定位所有設備長寬比低於16/9的設備。即比16/9更胖？這似乎並不奏效。

這僅適用於iOS/Android cordova應用程序中的肖像。

@media only screen and (max-device-aspect-ratio: 16/9) { 
} 

Answer 1

您是否試過寬高比一般？如果該設備是比景觀16/9寬，你的畫像，試試：

@media ALL and (max-aspect-ratio: 9/16) { 
    /* style your super tall content here */ 
} 

JS提琴：http://jsfiddle.net/zo7xuj15/1/

瀏覽器應該佔據你的設備的屏幕無論哪種方式，在這裏，你贏了不必擔心取向。在小提琴中注意，媒體查詢中的風格僅在您超級高（比9/16小）時纔會激活。

Answer 2

定位全部設備/分辨率;在我看來是非常困難的，因爲他們有不同的默認移動視口設置和默認的移動瀏覽器設置。很多時候處理媒體，視頻，動畫等。

，當你有不同的方式對待每一個支持的設備，有時很多不同的你應該堅持每個設備和決議，支持。

EG。

iPhone（移動Safari）分辨率X，Y，Z

ipad公司（移動Safari）分辨率X，Y，Z

的Android（鉻的Webkit）分辨率X，Y ，X

黑莓（Opera）的分辨率的X，Y，X

您明白了......