关于vue移动端中点击输入框，布局错乱

Question

点击输入框后，布局错乱了，本来100%的背景图变形了这是一部分代码，键盘弹出就会出现那种情况

Answer 1

安卓手机弹出输入键盘时是压缩了手机浏览器可视区域，高度变小了，当然你背景100%填充就变形了。ios不会。
解决方法一：
弹出键盘后手动给body赋值原高度

方案二：
给body设置min-height:100%

Answer 2

看着像是布局问题，与vue没关系。具体需要贴代码看才行

Answer 3

布局的问题，我是这样写的

  flex: 1;

  display: flex;

  align-items: center;

  flex-direction: column;

  width: 100%