Under the iphonex Wechat page, safari will not. After the input input box pulls up the keyboard, the keyboard disappears, but the area of the original keyboard still exists.

under the iphone x Wechat page, safari will not, and there is no similar problem with other iphone phones tested. When the keyboard is pulled up in the input input box, the keyboard disappears, but the area of the original keyboard still exists, and a blank of the same size appears at the bottom of the page. At this time, the refresh page will not return to the normal height of, alert ($(window). Height ()) and only the height of the upper area.
Page Code:

clipboard.png

:

clipboard.png

Mar.23,2021

this problem is that ios12's bug, is included in other app's webview. As long as ios12 platform, app is built by xcode10, it will appear, not limited to Apple x and xs, solution code

const windowHeightSize = String(document.documentElement.clientHeight || document.body.clientHeight );
if (!(localStorage.getItem('windowHeight'))) {
  localStorage.setItem('windowHeight' , windowHeightSize);
}
const historyWindowHeight = Number(localStorage.getItem('windowHeight'));
console.log(' ' + historyWindowHeight);
$('body').css('min-height', historyWindowHeight);

// 
$('form input').on('blur', this, (ev) => {
  alert(this.historyWindowHeight);
  setTimeout(function() {
   $('body').css('min-height', historyWindowHeight);
  }, 10);
  this.cleanInterval(); // 
});


  body
Menu