Jquery mobile 使用jQuery Mobile和Phonegap的媒体查询纵横比

Jquery mobile 使用jQuery Mobile和Phonegap的媒体查询纵横比,jquery-mobile,media-queries,phonegap-build,aspect-ratio,Jquery Mobile,Media Queries,Phonegap Build,Aspect Ratio,客户端希望根据屏幕的纵横比调整移动应用程序的布局: 而不仅仅是一些宽度/高度断点。例如,他们希望覆盖3:5和/或9:16。所以我使用媒体查询来计算纵横比。我正在jQuery Mobile中开发应用程序,并使用PhoneGap构建进行编译。 我已经参考了一个又一个答案,但我无法检测出正确的纵横比。第页: 当我在三星Galaxy S2的手机浏览器中打开它时,我得到: Dimensions = 320x229 Gcd = 1 Aspect = 320:229 Ratio is 32x45 (from

客户端希望根据屏幕的纵横比调整移动应用程序的布局: 而不仅仅是一些宽度/高度断点。例如,他们希望覆盖3:5和/或9:16。所以我使用媒体查询来计算纵横比。我正在jQuery Mobile中开发应用程序,并使用PhoneGap构建进行编译。 我已经参考了一个又一个答案,但我无法检测出正确的纵横比。第页:

当我在三星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的组合

谢谢