解决 ‘背景图因为页面的缩放而变化’ 问题

我们有时会遇到这样的情况：
因为是在谷歌浏览器开发，所以聚焦input，没有键盘弹起，但是上线在手机上就出现问题了，
背景图因为键盘的弹起而变化，这不是我们想要的。

可以设置

任写一个 就可
然后高度可能高了，有滚动条上下滚动，不美观

设置这个

键盘弹起图片高度会压缩，写js解决，获取窗口高度，赋值给元素，具体怎么获取，百度一大堆。

（background-size：100% 100%；会出现问题，建议用另一个）

谢谢！