iOS 15 导致当虚拟键盘处于活动状态时内容隐藏在地址栏下方。可以在此处找到错误报告。要查看问题,请在运行 iOS 15 且地址栏位于底部的 iPhone 上运行完整大小的代码片段,然后按输入字段。或者查看这个codepen
当键盘处于活动状态时如何显示输入字段?我尝试将 padding 设置为 ,safe-area-inset-bottom但没有成功。
.container {
display: flex;
height: 100vh;
}
.input-bottom {
align-self: flex-end;
}Run Code Online (Sandbox Code Playgroud)
<div class="container">
<div class="input-bottom">
<input /><button>Post</button>
</div>
</div>Run Code Online (Sandbox Code Playgroud)