苹果输入框导致整体窗口布局改变的终极解决方法

之前在做编辑器的功能时发现，只要弹起苹果的软键盘，那么页面的布局就整体上移，导致某些按钮的位置不正确，点击不到。

找了两天资料，发现大家都有一个共同的原因，就是使用了position:fixed。该方法再安卓手机上键盘唤起时候适配，不会改变页面布局。但在苹果手机上键盘唤起时就跑偏，所以我把position:fixed的布局移除掉后测试正常。

参考网站：https://www.cnblogs.com/johnl/p/4199314.html

得出的结论如下：

若要有使用键盘的情况时，不要使用position:fixed！不要使用position:fixed！不要使用position:fixed！因为苹果键盘会影响该布局，可以看看各大平台的移动端页面设计，在有涉及到键盘输入时，它们都尽量避免使用fixed布局。或者在使用fixed布局的页面下，都避免有键盘输入的地方。

解决方法：

1.跳转到新建的界面上输入数据。

2.取消掉原有界面输入框的position:fixed布局，改成position:absolute。