请问mobile web还有更优雅的在手机键盘上方显示内容的方式吗?
position:fixed;bottom: 0;
完美解决
。。。我我使用 height:100%;display:flex; align-self:end
麻烦了半天,
发现一个position:fixed;bottom: 0;
完美解决
我使用 height:100%;display:flex; align-self:end;
解决的
*{
margin:0;
padding:0;
}
html,body{
height: 100%;
}
.rowFlex {
display: flex;
flex-direction: row;
}
.colFlex {
display: flex;
flex-direction: column;
align-items: center;
}
<div id="app" class="colFlex" style="width: 100%;height: 100%">
<div class="rowFlex" style="width: 100%;height: 100%" >
<input type="text" style="height: 10px">
<div style="align-self: flex-end;background: red;">123</div>
</div>
</div>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
试试
scrollIntoViewIfNeeded
与scrollIntoView
。