Html 如何在移动设备上将元件定位在设备100%高度范围内

对于混合应用程序，我需要构建应用程序的web部件

我定义html和主体是视口的100%。 我认为这是一个好主意，但事实证明Android在显示触摸键盘时会改变视口。因此，它会调整页面上所有元素的大小。这不是我想要的行为

是否可以在不受触摸键盘干扰的情况下，根据设备高度对元件进行定位并给出尺寸

问题显示在这里

我已经试过了

选择1

例如：

选择2

var theHeight = $(document).height();
$("#wrapper").css("height", theHeight);

---

示例：

您可以使用jQuery来实现这一点。只需在文档就绪时添加以下内容：

var wantedHeight = $(window).height();
var wantedWidth = $(window).width();

然后，在document ready中，使用wantedHeight和wantedWidth作为包装大小的值，如：

$('#wrapper').css('height', wantedHeight);
$('#wrapper').css('width', wantedWidth);

---

通常，我希望页面的宽度不要像Android和iPhone浏览器默认设置的那样为800到900像素。要使页面宽度与设备宽度相同，可以尝试以下元标记：

<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />

---

顺便说一句，你可以做一些笔记。

我已经有了这个meta标签，但是当键盘在android浏览器（<3.2）中显示upsee时，android浏览器会将高度变小，以检查问题。很好，但是当我应用你的JS时，我看不到输入。你能给我一张截图吗？我没有访问android设备的权限。我将在明天提交屏幕截图屏幕截图1：屏幕截图2：观察边框，当键盘弹出时，蓝色边框div出错，并且输入字段不在sightWell中，这是在键盘打开时不让文档重新安装时的预期行为。恐怕没什么可做的。然而，我确实相信Android浏览器会关注所选的输入字段。