解决手机端手机键盘遮挡下边内容问题

css代码:

header ,main , footer {
  display: block;
  width: 100%;
}

header {
  position: fixed;
  height: 0px;
  left: 0;
  top: 0;
}
footer {
  position: fixed;
  height: 100px;
  left: 0;
  bottom: 0;
}
main {
  height: calc(100vh - 100px);
  margin-bottom: 100px;
  overflow: auto;
}
::ng-deep .am-list-item .am-input-control input {
  text-align: right;
}
html代码：