Jquery 为每个方向提供不同屏幕大小的视口

我正在使用html5和css构建一个phonegap应用程序。我有一个iBall slide android平板电脑，屏幕分辨率为800*480

但当我打开页面并使用java脚本检查其宽度时，它会显示所有方向的不同值。 我将此用作视口的元值：

<meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0" >

此外，最令人困惑的是，当安装后第一次启动应用程序时，当第二次或第三次启动应用程序时，相同方向的屏幕宽度和高度会有所不同

以下是我的价值观：
第一次在横向模式下：
宽度：640
高度：359

第一次在纵向模式下：
宽度：384
高度：615

在横向模式下第一次之后：
宽度：800
高度：449

在纵向模式下第一次之后：
宽度：800
高度：1281

---

我应该如何针对所有这些屏幕大小？

您使用了api.jquery.com/width和api.jquery.com/height吗

试着像这样发出警报

$(window).load(function() { 
   alert($(window).height()); 
   alert($(window).width()); 
});

然后试着把这个

$(window).resize(function() { 
   alert($(window).height()); 
   alert($(window).width()); 
});

---

然后告诉我如果旋转设备会发生什么。

您使用了api.jquery.com/width和api.jquery.com/height吗

试着像这样发出警报

$(window).load(function() { 
   alert($(window).height()); 
   alert($(window).width()); 
});

然后试着把这个

$(window).resize(function() { 
   alert($(window).height()); 
   alert($(window).width()); 
});

---

然后告诉我如果旋转设备会发生什么情况。

你能给我看一下用于检索窗口大小的代码吗？我使用了简单警报（screen.width）；警报（屏幕高度）；用于检查大小的函数您是否使用和？尝试将警报放在$（window.load）之后（函数（）{alert（$（window.height（））；alert（$（window.width（））；}）@Albertoprior现在为肖像画每次给出相同的值：800*1281为风景画：640*359那么为什么每次都显示不同的值呢？我该如何定位这些尺寸，横向和纵向模式没有相似之处？你能告诉我你用来检索窗口尺寸的代码吗？我使用了简单警报（screen.width）；警报（屏幕高度）；用于检查大小的函数您是否使用和？尝试将警报放在$（window.load）之后（函数（）{alert（$（window.height（））；alert（$（window.width（））；}）@Albertoprior现在为肖像画每次给出相同的值：800*1281为风景画：640*359那么为什么每次都显示不同的值呢？我如何确定这些尺寸，横向和纵向模式没有相似之处？不，我没有使用jquery width，我尝试了你的调整大小代码，它给出800*1281的纵向和449*800的横向。是的，实际上我手动硬编码了宽度，所以现在它可以工作了…但仍然需要在不同大小的视图端口上工作。无论如何谢谢：）不，我没有使用jquery width，我尝试了你的调整代码，它给出800*1281用于纵向，449*800用于横向。是的，实际上我手动硬编码了宽度，所以现在它可以工作了…但仍然需要在不同大小的视图端口上工作。无论如何，谢谢你：）