使用jQuery Mobile和Phonegap的媒体查询宽高比

Question

客户希望根据屏幕的宽高比调整移动应用的布局： http://screensiz.es/phone而不仅仅是一些宽度/高度断点。他们希望例如覆盖3：5和/或9:16。所以我正在使用媒体查询来获得宽高比。我正在jQuery Mobile中开发应用程序并使用PhoneGap Build进行编译。 我已经咨询了this回答和this回答，但我无法检测到正确的宽高比。页面：http://pavlov.rs/ht/index.html

当我在三星Galaxy S2的移动浏览器中打开它时，我得到：

Dimensions = 320x229
Gcd = 1
Aspect = 320:229

Ratio is 32x45 (from media queries)

但是当我使用PhoneGap编译该页面并打开应用程序时，我得到了：

Dimensions = 320x508
Gcd = 4
Aspect = 80x127

Ratio is 32x45 (from media queries)

是否有一些安全和防弹的方式处理这些媒体查询，特别是jQM和PhoneGap组合？

感谢。