请问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>
阅读 1.6k
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题