蘋果輸入框導緻整體視窗布局改變的終極解決方法

之前在做編輯器的功能時發現，隻要彈起蘋果的軟鍵盤，那麼頁面的布局就整體上移，導緻某些按鈕的位置不正确，點選不到。

找了兩天資料，發現大家都有一個共同的原因，就是使用了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。