移动端h5页面软键盘打开时改变页面高度

在移动端H5页面中，当软键盘打开时，页面高度会发生改变。为了适应软键盘的高度，可以通过以下方式改变页面高度：

1. 使用CSS3的vh单位

在CSS中使用vh单位可以将页面高度设置为视口高度的百分比。当软键盘弹出时，视口高度会减小，页面高度也会随之减小，从而达到适应软键盘高度的效果。例如：

html, body {
  height: 100vh;
}

2. 监听resize事件

可以通过监听resize事件来获取窗口高度，并根据窗口高度计算页面高度。当软键盘弹出时，窗口高度会减小，可以根据窗口高度计算出适应软键盘高度的页面高度。例如：

window.addEventListener('resize', function() {
  var windowHeight = window.innerHeight;
  var pageHeight = windowHeight + 'px';
  document.body.style.height = pageHeight;
});

需要注意的是，这种方式需要在样式中设置height为100%或者其他百分比值，否则无法达到适应软键盘高度的效果。