html5页面,背景是一个整体的图片，键盘弹出，页面变形（页面img压缩）

代码如下，一直是键盘弹出只有页面会变形，使用多种解决方法一直不能解决，后来查找资料终于找到了解决方法：(其实background也是一样的原理)

1，如果屏幕高度固定的话，就直接给img一个固定的数值；

2，如果不固定的话，使用js动态获取屏幕高度$('#editor_bgImg').height($(window).height());

暂时只有这两个方法可以解决，如果有另外的解决方法，大家可以说出来，学习一下。

<div style="overflow: hidden; height: 100%;width: 100%;position: fixed;">
    <img style="width: 100%; height: 100%;" id="editor_bgImg" src="../../img/editBg/share_01.png">
    <textarea style="width: 7.54667rem;color: #fff;font-size: 0.4rem;border: 0;top: 4.24rem;left: 50%;line-height: 0.64rem;margin-left: -3.77333rem;background-color: transparent;resize: none;position: absolute;" class="editor_textarea1" maxlength="70" rows="4" cols="20">输入框输入内容</textarea>
</div>