场景

我司高层需要对一年的数据进行阅览,需要从一个页面输入密码登录跳转到一个PDF预览页面。

要求

1.密码只要写死判断就行。
2.布局分为logo 标题 输入框 尾部信息 footer图

遇到的困难

1.flex布局下的表单输入会被输入法挡住
2.底部文字需要和表单的居中右边缘对齐
3.iOS12下的微信打开页面点击表单收回导致的错位问题

解决

1.使用一个container覆盖整个页面,fixed布局,中间加一个relative的表单居中展示即可自动顶出。
2.底部文字css布局和表单一致即可。
3.scroll 1px解决。