BUG说明在移动端制作H5页面时，出现input元素调用键盘时，如果不特别调整一些样式，很容易造成布局错位。今天遇到一个情况，是一个固定布局的元素，它的高度是用百分比设置的。当调用键盘时，高度发生变化，导致两个固定布局的元素重叠。解决方法当键盘被唤醒时，百分比的参考高度也会发生变化。以前是屏幕高度，现在变成了屏幕高度-键盘高度。结果，元素的高度缩小了。如果页面上还有其他固定高度的元素，可能会发生重叠。因此，我们必须在键盘被唤醒之前固定好所有的高度。在渲染页面时，我们先获取屏幕可见区域的高度，然后乘以百分比得到一个固定的高度。这样当键盘被唤醒时，元素就不会被上推了。代码实现这里用Vue实现，其他框架思路相同。这里只写了一个元素。实际上，必须有不止一个元素重叠。然后像这样设置这些元素的高度和顶部。
