2011-11-01 69 views
7

我有一些內容需要最終基於縱橫比的不同樣式(基本上它是針對一個平臺,但作爲一個「可能會很好」我想使內容至少在其他平臺上顯示正確)。我發現,在Droid 2(Android 2.2的股票)不響應任何這些查詢:設備縱橫比(媒體查詢)不適用於Droid 2

only all and (device-aspect-ratio: 854/480) 
only all and (device-aspect-ratio: 480/854) 
only all and (aspect-ratio: 854/480) 
only all and (aspect-ratio: 480/854) 

請問手機或不是OS支持的寬高比查詢? Droid 2是否充滿悲傷?目前爲止,寬高比測試對於iPhone 3GS/4/4S和iPad來說是完美的。另外,如果他們實際上不支持設備縱橫比,我會在iOS縱橫比測試後處理Droid 2/Nexus解決方案。

我試圖迴避使用最大寬度了,因爲在景觀一些Android設備比一臺iPad在肖像更寬,我得到的碰撞,其中基於一組寬度的設備會錯誤地識別爲一個iPad。任何洞察力將不勝感激。

回答

0

剛剛使用max-device-width並將Droid 2的240dpi屏幕與resolution:240dpi-webkit-device-pixel-ratio:1.5對準呢?不幸的是,我沒有安卓設備來測試它,所以我不能對它進行權威性的評論。

參考文獻:

http://www.fiveminutes.eu/targeting-hight-screen-densities-with-css-media-queries/

http://designbycode.tumblr.com/post/1127120282/pixel-perfect-android-web-ui

http://developer.motorola.com/products/droid2/

+0

這當然是一種選擇,但瞭解寬高比允許通過可能不具有相同分辨率但具有相同寬高比的設備組進行可變視口縮放。無論如何,我想知道寬高比是否僅在Android中不受支持,或者在特定版本中未正確支持等。 – Aaron

1

我相同的時間前有同樣的問題。我通過基於js/php寬度分辨率的動態CSS分辨率解決了這個問題。 簡而言之,採用寬度分辨率,腳本將基於原始大小 - >目標大小的所有元素重新調整大小。 對於由ms濾鏡解決的IE相同的問題。 由所有設備工作,因爲樣式表是動態計算的。

+0

不是很差的解決方法+1 – Aaron