当我们将键盘设置为向下时,它会将整个背景向下移动。 UI的html是:
<body ng-app="MobileApp" style="margin:0px; padding:0px;">
<div ng-view style="margin:0px; padding:0px;height:100%;"></div>
</body>
在身体内部的div中,每当应用程序从一个屏幕导航到另一个屏幕时,整个部分就会被替换。
<section class="main_wrapper create_account mainContainer">
....
</section>
当我们关闭键盘时,整个机身都会下降,结果会出现一些UI扭曲。
该问题的CSS是:
.main_wrapper.create_account{
background-image:url(../img/create-account-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100%;
background-color: #000;
}
如果我添加溢出:滚动到css然后问题得到解决但键盘出现时有混蛋