设备纵横比(媒体查询)不适用于Droid 2

时间:2011-11-01 20:38:49

标签: android css media-queries aspect-ratio

我有一些内容需要不同的样式最终基于宽高比(基本上它针对的是一个平台,但作为一个“会很好”,我想让内容至少在其他平台上显得正确)。我发现Droid 2(Android 2.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)

手机或操作系统是否不支持宽高比查询? Droid 2是否充满悲伤?到目前为止,宽高比测试对iPhone 3GS / 4 / 4S和iPad来说非常有效。或者,有人建议在iOS宽高比测试后处理Droid 2 / Nexus分辨率,如果它们实际上不支持设备宽高比。

我正在努力避免使用max-width,因为横向上的某些Android设备比纵向上的iPad宽,而且我遇到了设备根据设定宽度错误地识别为iPad的冲突。任何见解都将不胜感激。

2 个答案:

答案 0 :(得分:1)

我曾经遇到同样的问题。我通过基于js / php宽度分辨率的动态css分辨率解决了它。 简而言之,采用宽度分辨率,脚本根据原始大小 - >目标大小按%调整所有元素的大小。 对于IE,同样的问题由ms过滤器解决。 由所有设备工作因为样式表是动态计算的。

答案 1 :(得分:0)

使用max-device-width并使用resolution:240dpi-webkit-device-pixel-ratio:1.5定位Droid 2的240dpi屏幕怎么样?不幸的是,我没有Android设备来测试它,所以我不能权威地说它。

参考文献:

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/