android - screen.width 和 screen.height 在不同的 API/设备中有不同的值

Question

编辑:$('body').width() 和 window.outerWidth 也会发生

API 2.3.3 HVGA

旋转前后设备输出相同的屏幕宽度(320)

API 3.0 WXGA

宽度和高度切换例如每次旋转

开始于 screenWidth:1280 screenheight: 800 我旋转90 现在有屏幕宽度:800 屏幕高度:1280

如果我想对轮换进行某些更改，我该怎么做 根据维度并希望针对所有 API？我需要一个对所有设备都相同的值。

编辑:对于某些事情我需要像素值，而不是百分比。这就是我使用 Javascript 根据屏幕宽度计算尺寸的原因。这会起作用，因为屏幕宽度也是像素值，我可以保持比例。但是如果有时 screen.width 给我当前的宽度，而其他人没有，我就不能使用它......

-> 事情是我开始使用一个 slider ，它使用绝对布局并且需要所有的像素值。我不想重新实现 slider ，所以我决定使用屏幕宽度动态计算图像的大小和整个布局。并使用这些值初始化 slider 。

更新

看这里是与我正在尝试做的类似的方法:

http://ryangillespie.com/phonegap.php#/phonegap.php ？

2011 年 6 月 18 日的条目 “一屏解决所有问题”

我也试过这个例子，将它复制粘贴到我的代码中。但它也不起作用。 window.outerWidth 具有与我描述的 screen.width(以及 JQuery $('body').width())相同的问题。只要设备不旋转，它就可以工作 - 它可以很好地初始化。但是在第一次轮换时，根据设备的不同，我遇到了问题。在某些情况下，它按预期工作，在其他情况下，它会互换值，因此我在纵向模式下宽度较大，在横向模式下宽度较短，在其他情况下，它始终提供固定的宽度和高度，在其他情况下，它根本不旋转。 ..

Answer 1

响应式网页设计技术。我在我的博客上给出了一个非常简短的例子以及一本书推荐。

http://simonmacdonald.blogspot.com/2012/01/on-eight-day-of-phonegapping-multiple.html